vue3免编译

1. vue3 模板编译报错

template 会在编译的时候警告

意思： 组件提供模板选项，但是在Vue的这个构建中不支持运行时编译，配置你的bundler别名 vue： vue/dist/vue.esm-bundler.js

vue 的使用环境，分为两种环境，一种是开发，一种是生产，

原文链接： https://blog.csdn.net/qq_41499782/article/details/112505665

2. 搭建vue3+typescript+vite+yarn项目

vite是vue3推荐的打包工具，相较于webpack，Vite 是基于 native ES mole —— 现代浏览器基本已经全部支持了import/export 语法。 在Vite中,启动本地服务器,是不需要提交编译文件的, 而是在浏览器请求对应URL时, 再提供文件,实现了真正的路由懒加载, 这个比起Webpack节省了不少时间。打包和响应速度提升10倍以上

若您的版本低于4.0
请使用 vue upgrade 命令更新cli

我们选中vue，按回车确定

然后选择vue-ts，回车确认

启动后在浏览器铅答输入： http://localhost:3000/
页面就像这样槐逗慧：

到这里，一个基础的vue+ts+vite的项目就搭指颤建好了

下一节我们讨论关于vite的配置