搭建vue3+typescript+vite+yarn项目

Posted 2023-03-25

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

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

我们选中vue，按回车确定

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

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

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

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