Windows系统安装nodejs，和webpack的结合，搭建Vue项目

1、打开node.js官网，下载Windows包，在电脑上安装，这个下载包的时候 注意和自己所做的系统和电脑进行匹配，如图：

2、使用WIN+R快捷键打开cmd，查看是否安装成功；

输入命令：node -v   查看nodejs版本号,如果出现了版本号，说明安装成功；

输入命令：npm -v   查看npm版本号,如果出现了版本号，说明安装成功；

3、安装cnpm 
node环境已经安装完成，npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像—cnpm。 

在命令行中输入 npm install -g cnpm –registry=http://registry.npm.taobao.org 然后等待，安装完成如下图。 

完成之后，我们就可以用cnpm代替npm来安装依赖包了 。

可以用cnpm -v查看，如下图：

4.安装vue-cli脚手架构建工具 

在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。 

 

5、用vue-cli构建项目 

进入D盘，cd nodetest进入nodetest文件夹

首先使用npm来安装vue-cli 

 

然后进入到项目的目录下，执行vue init webpack firstvue指令来构建项目，按回车就会出现如下的样式 

安装过程有点慢，耐心等耐哦

6、cd fiirstvue 进入创建的文件夹

7、npm run dev 运行，出现运行的网址，输入就可以

8，出现下图，安装成功