VUE搭建和使用—2022/7/12

参考:https://www.jianshu.com/p/c658e4d27bc9
注意日期：很多教程的版本很低，有一些命令过时了，所以重新写一次

1. 下载nodejs并安装

链接：https://nodejs.org/en/，下载的是稳定版本，msi类型安装包
安装位置自己修改，建议安装在除C盘之外的盘位，防止占用C盘
中间不要勾选

2. 配置npm包路径

减少C盘占用
D:\Program Files\nodejs安装路径下新建node_cache和node_global文件夹，打开cmd窗口，配置包路径。

npm config set cache  "D:\Program Files\nodejs\node_cache"
npm config set prefix  "D:\Program Files\nodejs\node_global"

3. 修改环境变量

修改环境变量的路径，msi安装的默认路径为C盘中的，配置了npm包路径后需要重新修改
同样的内容配置一下下面的系统变量
然后电脑重启！重启后才能启动新的系统变量

4. 安装cnpm

看自己需求，npm仓库在国外，速度比较慢，可使用官方推荐的 cnpm 命令行工具代替默认的 npm。
npm install --location=global cnpm --registry=https://registry.npm.taobao.org

5. 配置–location=global

上述指令原本是-g，但是会有警告，使用–location=global解决。
另外，根据博客修改一下四个文件中的内容。

6. 安装vue

根据需要使用cnpm

npm install --location=global @vue/cli

7. 测试vue

关闭上述窗口，重新打开一个窗口，输入vue -v查看版本
在工程目录下输入vue create hello，按照指示测试官方例程