搭建vue3+typescript+vite+yarn项目

有没有人在啊,想请问一下,搭建vue3+typescript+vite+yarn项目
最新回答
燕如兮

2024-08-12 16:37:18

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的配置