梳理过程:(全局安装webpack)html
1. 下载安装node.js(npm)node
nodejs默认集成npm,无需再次安装webpack
2.配置环境web
win+R 输入cmd 打开命令行,输入 node -v回车,查看nodejs是否安装成功:npm
(若成功,直接显示版本号)缓存
npm -v 也能够查看npm是否成功安装,以上也可说明nodejs.npm安装成功。命令行
1> 配置文件夹htm
个人nodejs默认安装路径为C:\Program Files\nodejs,blog
在C:\Program Files\nodejs文件夹下新建2个文件夹用于全局存放依赖包路径和缓存路径cmd
缓存C:\Program Files\nodejs\node_cache
存放C:\Program Files\nodejs\node_global
文件夹建立完成后打开命令行输入以下命令 配置路径:
npm config set cache "C:\Program Files\nodejs\node_cache"
回车
输入:
npm config set prefix "C:\Program Files\nodejs\node_global" 回车
(输入指令后,命令行闪一下,不会有任何提示)
2> 安装webpack
webpack分为全局安装,与项目安装(安装在你指定的文件夹内),我这里使用的是全局安装
启动cmd,键入以下的命令:
npm install webpack -g
点击回车,会有一个进度条,等待进度条完成后,(具体信息可能有差异,可是只要不出现error说明安装成功)。
此时,打开nodejs的路径C:\Program Files\nodejs\node_global文件夹,发现多了一些东西:
此时全局webpack已经成功安装。
3> 环境变量配置
个人电脑——右键属性——高级系统设置——高级———环境变量
分别新建用户变量PATH和系统变量NODE_PATH
这是最重要的一点;在安装webpack后出现'webpack' 不是内部或外部命令的问题 就是此处设置不对
PATH和NODE_PATH所有设置为:C:\Program Files\nodejs\node_global。
看到网上的设置方法为 :NODE_PATH属性指向C:\Program Files\nodejs\node_global\node_modules,这样设置并不对,就会致使报不是内部命令
http://www.cnblogs.com/fengchaoran/p/8461317.html