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