前言
环境搭建就不说了，自己找吧，介绍一下当前环境清单
- 开发系统：MAC
- node版本：v16.14.2（本来不是，后面用nvm下载了最新的用）
- npm源：淘宝（taobao）：registry.npmmirror.com/
- 开发工具：IDEA（不强求）
- 管理工具：git
采用的方案：
- 语言：typescript
- 框架：vue3
- 构建工具：vite（还不会，先用着后续补配置，前期先跑起来）
- ui框架：antd 或者 arco（思路一样，arco比较新想试试看是什么样的视觉，也可以直接去官网下载别人构建好的框架，后续的文章就可以都不看了，全部已封装好），这里引战下：element plus的文档我不喜欢，没有element的文档那样分版本所以不想用（工作用的是element plus，旨在学习嘛，换换花样，不让学习别的无趣）
- 请求：axios
- 代码规范：eslint
- css：scss（也还不会，封装中持续学习）（# 2022/8/7修改 改用less，像andesign、arco、elementplus定制主题都是less的替换方案，减少不必要的时间）
- 全局状态管理：pinia 菠萝
本篇保姆级教学，虽然我自己很菜，但我会把我知道的都说一遍，所以本文中对于一些很基础的东西都会有注释，比如一些指令的作用，像cd是什么意思，都会讲到，懂的都懂就辛苦看官视觉跳过吧！！
1 vite构建一个‘干净的’vue-cli
vite官网：vitejs.cn/guide/#scaf…
// 初始化一个vite @laster最新的版本大家都这么写
npm init vite@latesr
输入 Project name：项目名称（建议英文）
方向键选择vue回车
方向键选择vue-ts回车
搞定收工！！！！！！！跟着下面的命令挨个输入就搭完了。
开玩笑的只是搭好了vue的脚手架，我们根据命令看下运行的效果！
cd 项目名称 // 进入目录
npm install //做前端的都懂 下载依赖 node_module包
npm run dev //做前端的都懂 启动项目
