- 前言
Vue3大势不可阻挡,与之而来的就是Vite ,尤雨溪极力推荐的前端开发与构建工具
vue3原生支持TS ,所以TS语法和vue3TS语法学起来
vue中的vuex状态管理也用不顺手,看不顺眼了,换为Pinia - Vite是什么 what
下一代前端开发与构建工具 - Vite 项目创建
创建脚手架项目
不需要像之前一样全局安装脚手架哦
Node.js 版本 >= 12.0.0。
下面一个指令轻松创建
npm init vite@latest
直接输入项目名字就行不用点击删除
上下键选择框架
Vue3对TS支持非常好，所以选择是否使用TS，这里我们选择TS，拥抱趋势
完整的配置
这里创建脚手架的速度非常，敲完回车立即就完成了创建，这就是Vite的优势快
注意这个脚手架是空的没有router，vuex之类的预设模板选择，需要什么都需要单独安装，单独配置，有需要的话在单独写个router
根据提示 cd到项目文件夹下
安装依赖 npm install
运行项目 npm run dev
效果图
注意我这个vite版本，运行速度也非常快
4. 依赖 安装
以 Pinia 为例安装指令
npm install pinia
效果图
注意各个依赖的版本，因为最近这Vue3和相关的插件都还在稳步迭代更新中
5. 后记
更多的配置改天在写
参考资料
Vite