vue.js的安装教程

安装node.js

进入node.js官网下载node.js安装包

安装过程就是傻瓜式安装，一路next,可以变更自己的安装目录，我这安装的是默认位置
因为我安装的C盘，所以需要以管理员身份运行cmd命令行窗口。


在cmd命令行窗口输入，查看相应的版本号

 node -v

npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息

node的环境已经安装完成，由于有些npm资源被屏蔽或者是国外资源的原因，经常会导致npm安装依赖包的时候失败，所以我们还需要npm的国内镜像----cnpm

安装cnpm

输入下面的命令，安装淘宝的镜像

npm install -g cnpm --registry=http://registry.npm.taobao.org

接下来需要配置cnpm环境变量，配置这个文件目录的相应环境变量，比如你在命令行界面中输入cnpm -V命令之后，系统会从环境变量的文件目录中寻找相应的cnpm.cmd文件，如下图标识的。

在node.js安装的位置下面新建node_global和node_cache两个文件夹。运行下面的命令，命令中文件位置换成自己的位置。（这一步的话我自己安装的过程中是出现了失误的，所以之后选择了默认位置安装，这一步只是将npm下载文件的位置进行了更改，若不进行这一步，npm会将文件下载到自己版本默认的位置，看自己的实际需要更改）

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

安装完cnpm之后，在系统环境变量path中添加，具体截图如下：

C:\Program Files\nodejs\node_global

添加的文件位置是cnpm.cmd的文件目录，输入下面命令显示cnpm的版本（为显示的话可能需要重启电脑让修改的环境变量生效）

cnpm -v

完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网

安装vue-cli脚手架工具

安装脚手架工具的作用可以自行版本
在命令行中运行命令，然后等待安装完成。

 npm install -g vue-cli 

使用命令vue -v检查是否安装成功

现在vue的环境还有相关的工具都安装成功了。
参考博客：https://blog.csdn.net/muzidigbig/article/details/80490884