window下安装node.js并安装cnpm、webpack、webpack-dev-server

我用的node.js的版本是9.4，如果没有什么特别需求的话，建议安装跟着这个版本安装。
到nodejs的官网下载
https://nodejs.org/en/download/

滚动到页面底部，选择以前的版本

找到nodejs9.4的版本，点击download进入https://nodejs.org/download/release/v9.4.0/，自行选择64位的或32位的

下载完成后点击安装，默认安装路径是C:\Program Files\nodejs，修改下安装路径，改下盘符然后安装就好了（一直点下一步），改盘符是因为我装在c盘，之后安装cnpm和webpack报错权限不足，就很麻烦。 我的安装路径是E:\Program Files\nodejs
安装完成后在环境变量的path中找有没有E:\Program Files\nodejs【安装nodejs的路径】，没有的话自己添上去。

测试安装的nodejs是否安装成功。

win+r打开cmd
在cmd里面输入node -v

出现这样子就安装成功

然后在安装的nodejs的目录里面新建两个文件
分别叫npm_cache 和 npm_modules

然后在cmd里面分别执行这两条命令

npm config set prefix "E:\Program Files\nodejs\npm_modules" 

npm config set cache "E:\Program Files\nodejs\npm_cache"

再将E:\Program Files\nodejs\npm_modules写到环境变量path里面

安装cnpm

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

安装后，我们可以使用以下命令来查看cnpm的版本
cnpm -v

出现这样就ok了
nrm ls 查看镜像已经指向taobao
如果nrm没有安装则需要进行全局安装：cnpm install -g nrm

安装webpack

有两种安装
全局安装和本地安装，全局安装是在对整台电脑生效，本地安装是就会 将webpack的js包下载到项目下的npm_modeuls目录下。注意如果是安装webpack4版本以上的话得安装webpack-cli
1.全局安装

npm install webpack@3.6.0 -g或 cnpm install webpack@3.6.0 -g 

2.本地安装

npm install webpack@3.6.0 或 cnpm install webpack@3.6.0 

安装webpack-dev-server

在自己的工程目录下面cmd
然后执行这条命名下载对应的js文件

cnpm install webpack@3.6.0 webpack-dev-server@2.9.1 html-webpack-plugin@2.30.1 --save-dev 

生成node_modules这个文件夹和package.json这个文件就表示下载成功了。