npm安装webpack步骤及遇到的错误

一. 步骤：

1. 从node.js官网下载并安装node，一路“下一步”（傻瓜式安装）。

安装完成，打开cmd命令行工具，输入 node -v，查看版本号，则说明安装成功。

2.npm包管理器是集成在node中的，输入 npm -v，显示npm版本号

3.创建package.json文件，输入命令 npm init，一路enter，完后输入yes或Y，这样在工程目录下就会生成一个package.json文件（全局安装webpack）

4.安装webpack，输入命令 npm install webpack -g

5.安装 webpack 依赖，输入命令 npm install webpack --save-dev
6.检查webpack是否安装成功，输入 webpack -v，显示npm版本号，则webpack安装成功

二. 遇到错误：

1.报错：
C:\Users\（账户）>npm -v
2.10.1

C:\Users\（账户）>npm install express -g
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\\Program Files\\nodejs\\\\node.exe" "C:\\Program Files\\nodejs
\\node_modules\\npm\\bin\\npm-cli.js" "install" "express" "-g"
npm ERR! node v0.12.4
npm ERR! npm v2.10.1
npm ERR! path C:\Program Files\nodejs\node_cache\express
npm ERR! code EPERM
npm ERR! errno -4048

npm ERR! Error: EPERM, mkdir 'C:\Program Files\nodejs\node_cache\express'
npm ERR! at Error (native)
npm ERR! { [Error: EPERM, mkdir 'C:\Program Files\nodejs\node_cache\express']
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! path: 'C:\\Program Files\\nodejs\\node_cache\\express' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:

npm ERR! C:\Users\（账户）\npm-debug.log

解决：

（1） 删除npmrc文件。

强调：不是nodejs安装目录npm模块下的那个npmrc文件

而是在C:\Users\（账户）\下的.npmrc文件.

（2） 输入命令：npm cache clean --force

2. 报错：

>webpack -v

The CLI moved into a separate package: webpack-cli.

Please install 'webpack-cli' in addition to webpack itself to use the CLI.

-> When using npm: npm install webpack-cli -D

-> When using yarn: yarn add webpack-cli -D

错误提示，webpack单独分离出了wepack-cli，需要我们安装wepack-cli。

 解决：全局安装wepack-cli

输入命令：npm i -g webpack-cli