Windows系统安装nodejs，和webpack的结合

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，出现下图，安装成功