Vue3+Vite简单使用

1. 前言
   Vue3大势不可阻挡,与之而来的就是Vite ,尤雨溪极力推荐的前端开发与构建工具
   vue3原生支持TS ,所以TS语法和vue3TS语法学起来
   vue中的vuex状态管理也用不顺手,看不顺眼了,换为Pinia
2. Vite是什么 what
   下一代前端开发与构建工具
3. 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