参考 vue-cli 脚手架 安装和Windows10环境下安装Nodejs、cnpm

一、nodejs的安装

两个步骤：

1.直接去官网（即https://nodejs.org/en/）下载安装包直接双击安装

官网图 install1 install2 install3 install4 install5 选择适合自己的 install6 install7 install8

安装成功后可以如下查看

$ node -v

node版本

2.进入nodeJS的安装目录

npm install express -g  （-g 表示全局安装）

npm install jade

npm install mysql

二、npm的安装

由于Nodejs自带了npm，所以你安装nodejs后，npm也会自行安装。
接下来可以在命令行输入下面命令来检测安装成功和版本号：
node -v 和npm -v。若出现不是内部命令看下一步。

npm版本

一般安装完后，windows系统会将安装目录自带到系统变量Path路径后面，否则的话，就在windows设置环境变量的地方，将Nodejs安装路径添加到Path路径后面。（笔者此处是在Path后面新建E:\Program Files\nodejs）确认后，重启CMD，进行检测node和npm。

点击右栏高级系统设置，环境变量 编辑环境变量

三、cnpm的安装

由于npm的镜像是国外的，为了加快下载速度，可以通过国内淘宝镜像来下载，所以采用cnpm，当然也可以不采用cnpm，直接把镜像指向淘宝镜像，接下来我说下这两种方式：

方法1. 直接指定registry为淘宝镜像

npm config set registry https://registry.npm.taobao.org

然后若需要安装gulp和less，可以直接用

npm install gulp less --save-dev

就是从taobao镜像拿包了

方法2. 安装cnpm

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

输入上述命令即可安装，另外要注意的是，安装完后，输入cnpm -v进行检测。由于笔者操作了第四步，cnpm跟npm是分开的，即npm里没有cnpm，之前设置的node环境变量对cnpm不起效，会出现输入cnpm不是内部命令这个问题，此时各位需要注意的是，一般这类问题都是跟环境变量有关，此时需要在环境变量Path路径后面加上E:\Program Files\nodejs\node_global，即cnpm脚本命令所在的文件夹目录下。

四、vue-cli的安装

1.安装完成node。node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。

npm install -g vue-cli    // 加-g是安装到全局

想安装速度快点，可以使用淘宝镜像如下

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

2.安装后，检查是否安装成功（显示版本则安装成功）查看vue版本（注意-V是大写）

vue -V  //注意-V是大写

vue版本

3.使用vue建一个项目，名叫“firstvueproject”

vue init webpack firstvueproject

newproject1 newprojuct续1 newproject2 实践成功