NodeJs、 npm 、vue的安装详细步骤及环境设置及验证

NodeJs、 npm 、vue的安装详细步骤及环境设置及验证

1、下载nodeJS
下载node.js地址：http://nodejs.cn/download/
选择适合自己的版本，然后下载完解压看到.msi为后缀的文件，双击执行，除了目录有必要就修改下，其他的默认选项即可。

2、执行完成之后，以管理员身份运行cmd，打开窗口，输入node -v 回车，可以看到版本信息；再执行npm -v回车，也可以看到版本信息。即说明nodeJS和npm都安装成功了。（npm是打包一起安装的）

3、如果不想后面安装的插件或者下载的包都默认放在C盘，可以进行此设置：
a、创建两个空文件夹，node_global和node_cache，也可直接放在NodeJS安装目录下，用来存放后面要下载的包及新安装的插件等。
b、在cmd窗口执行以下两条命令：
npm config set prefix “D:\JavaTools\NodeJS\node_global”
npm config set cache “D:\JavaTools\NodeJS\node_cache”
后面的路径就是上面创建的文件夹对应的路径，以自身实际情况把引号里的文件夹路径替换即可。

4、将npm镜像设置为淘宝的npm镜像
在cmd窗口执行命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

5、安装Vue
在cmd窗口执行命令：cnpm install -g @vue/cli
此命令执行时间有点长，稍微等待，之后在node_global及node_cache文件夹下会产生新的文件，包括vue.cmd。

6、设置vue的环境变量
完成以上操作后，在cmd命令下：vue --version 可能依旧显示vue不是内部命令，此时还需要设置下系统的环境变量。即把vue.cmd所在的目录（路径）复制添加到path路径中。比如以上操作产生的路径是：D:\JavaTools\NodeJS\node_global 复制，粘贴到Path。
新开一个cmd窗口，运行vue --version，可出版本信息。