刚刚结束spring MVC的学习，接下来准备学习spring boot，尝试第一个前后端分离的项目。这次是进行vue的安装和配置教程。
(安装完vue-cli后，在初始化项目时就会安装vue了，也就是在执行下面命令的时候：
vue init webpack xxx)
1.安装Node.js及配置环境
1.1、下载node.js
打开这个网址
nodejs.org/zh-cn/ 这个是node.js的官网地址，我在网上查了一下这个目前是16版本用的人多，但现在是新手，都可以学习一下所以还是安装了18版本的。我是下载的长期维护版本的，还是怕最新的版本有什么不好。
其次，也可以点击下面的“其他下载”，去下载其他低版本的，
选择版本之后，双击进行下载，然后找到下载的的文件双击打开
然后点击Next，到了这个路径选择的时候，需要记住路径，后面配置需要，我是创建了一个文件夹来装全部的文件
然后就一直点下去，直到安装完毕。
然后点击Finish后，可以在CMD命令窗口进行查询是否安装好。组合键Win+R打开运行提示窗口，输入cmd然后回车
输入命令node -v,进行一个查询，显示nodejs版本号，代表安装成功
命令行输入：npm -v,查看npm是否安装成功，也是会正常显示版本号
1.2 配置npm仓储和缓存
首先我们来设置镜像源。
为什么呢？
因为node.js默认使用的是国外的网站。国内访问有一个跨国内局域网的操作。所以就会有时候很慢。这就跟为什么网站的静态资源有些会使用CDN加速一样的；淘宝镜像是什么？就是npm很多的插件淘宝已经下载好了放在公共的网站上，我们需要的时候去淘宝网上下载和国外的是一样。这样使用是提升了我们的下载速度。所以淘宝镜像其实是一个国外插件的国内版本。
然后同样是在cmd命令提示符中，输入下面的命令，进行镜像的设置
npm config set registry https://registry.npm.taobao.org
配置仓储和缓存目录
然后在安装目录下新建两个文件夹 cache 和 global
然后在cmd中运行下面的命令（地址写自己新建的文件夹地址）
npm config set prefix “C:\Program Files\Vue\Node.js\global”
npm config set cache “C:\Program Files\Vue\Node.js\cache”
然后执行下面命令进行查看，我的效果如图，正常
npm config ls
1.3 配置环境变量
完成1.1和1.2之后，然后我们来配置环境变量
首先打开我们的系统变量面板，打开操作为：
- 右击电脑桌面的此电脑图标打开“属性”面板（如果此电脑是快捷键方式，需要右击打开文件位置才能右击打开属性）
-
然后找到里面的“高级系统设置”点开（我的在关于面板的最下面）
-
点开其中的“环境变量”
打开之后，进行我们的系统变量的添加，点击“新建”
然后输入变量名“NODE_PATH”，变量值为自己安装目录下“node_modules”文件夹的路径。然后点击确定
然后双击打开“系统变量”中的“path”进行添加下面三个属性（如果有其中的属性可以不重复添加）；添加后一直点击确定就完成了
2. 安装vue_cli（脚手架）
打开CMD命令提示符，执行下面的命令进行下载（电脑需要联网），因为我们刚刚配置好了淘宝镜像，整个下载安装的过程还是比较快的（网速不行当我没说）
npm install -g @vue/cli
其中，install表示安装模块，-g表示全局安装，@vue/cli表示脚手架模块名称。
安装的过程中可能会出现一些警告，可以忽略不用管，这是因为vue脚手架内部依赖的各种模块的提示信息，不会影响我们安装和使用脚手架。
检查是否安装成功： vue -V（大写的V） 或者 vue --version（需要关闭之前的cmd重新进）
会显示安装的版本号，代表安装成功
