webpack的安装过程详解

1. Node.js的安装:

• 安装包下载地址:https://nodejs.org/en/download/
• 安装成功之后查看环境变量是否自动设置了Nodejs的路径，如果没有自动设置，手动添加。
  
• 安装成功之后，打开命令行，输入node -v,查看版本号，如下，Node.js安装成功
  

2. 安装npm

• 在安装了Node.js之后，自动安装了npm
• 使用npm config ls命令查看npm管理包路径(npm下载的依赖包所存放的路径，默认为c盘)
• 更改npm的默认管理包路径到Node.js的安装路径:在Node.js的安装目录新建两个文件夹npm_modules和npm_cache，使用如下命令设置:

npm config set prefix "H:\Nodejs\npm_modules"
npm config set cache "H:\Nodejs\npm_cache"

• 再次使用npm config ls命令查看更改后的npm管理包路径:
  
• 设置npm的环境变量
  

3. 安装cnpm

• npm默认会去国外的镜像下载js包，速度很慢，更改为国内的淘宝镜像,使用如下命令:

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

• 安装完成之后，使用cnpm -v查看版本:
  
• 使用cnpm install -g nrm安装nrm
• 使用nrm ls查看镜像地址
  
• 如果镜像地址没有指向taobao，使用nrm use taobao命令切换为taobao镜像

4. 安装webpack

• 全局安装命令:npm install webpack@3.6.0 -g
• 安装完成之后，使用管理员权限打开cmd，使用webpack命令，出现如下提示，说明安装完成