一、 使用vue3 和 @vue/cli 环境要求
- 注意这里不要安装最新的node版本，我刚开始安装node16版本，但是在进行操作的时候会提示你npm的版本最高支持到12，后来我又重新降低了版本才正常；
- 更新了 node 之后，最好同时更新下 npm 的版本（npm install -g npm）；
node 12.5.0以上
@vue/cli
Tips：如果发现 npm 版本更新不成功，先清除缓存，然后重新升级
缓存路径： C:\Users\xxx\AppData\Roaming，直接删掉红框中的文件即可；
二、更新 node 之后如果install之前的项目发现报错，python环境报错？
Can‘t find Python executable “python“, you can set the PYTHON env variable
可能原因如下：
2.1. npm源速度慢。
2.2. node-sass除了npm部分的代码，还会下载二进制文件binding.node，默认源是github，国内访问较慢,特殊时期甚至无法访问。
2.3. node版本与node-sass版本不兼容。
2.4. 缓存中binding.node版本不一致。
2.5. 安装失败后重新安装。
2.6. 提示没有安装python、build失败，假如拉取binding.node失败，node-sass会尝试在本地编译binding.node，过程就需要python。
2.7. 没有安装python或node-sass 。那么安装失败的问题，是因为被墙了，npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。这是使用 sass 的开发者可能都会遇到的郁闷的问题。
Tips：最方便的解决方式就是更换npm镜像源为淘宝镜像以及卸载node-sass依赖重新下载就好啦
三、想要在电脑上同时使用 vue-cli 和 @vue/cli？
3.1. 在D盘上新建 vue2 和 vue3 文件夹；
3.2. 在 vue2 文件夹下执行 npm install vue-cli，在 vue3 文件夹下执行 npm install @vue/cli;
3.3. 自改vue2\node_modules.bin 下vue 和 vue.cmd 文件的文件名为vue2 和 vue2.cmd；
3.4. 配置环境变量；
创建不同版本vue-cli文件夹
修改名称
修改环境变量
修改路径
完成
Tips：旧版项目中的vue-cli没有影响，因为旧项目中的vue-cli是已经生成的，新创建的vue2和vue3命令用来生成新的vue项目模版；
四、使用 @vue/cli创建一个新的工程？
node 版本要求： 12.5.0 以上
vue/cli版本要求： 4.5.0以上
npm install -g @vue/cli
vue create vue3-basic
选择手动配置
配置
配置
配置
如果想要界面化的配置，可以使用命令 vue ui
四、新生成的vue目录结构
参考文档：
https://blog.csdn.net/Jioho_chen/article/details/90455778
https://blog.csdn.net/qq_39165556/article/details/94590365
