废话不多说,直接上教程。
1、安装nodejs---注意安装路径(ps:名称不重要,重要的是 路径。不管你是默认安装,还是手动选择路径安装,请记住路径)
nodeJS中文网下载地址:(注意系统是32位或64位,请先检查电脑系统)
http://nodejs.cn/download
现在安装nodeJS会自动安装npm包管理。
安装完成之后,输入如下图命令,检测是否安装正确。
看到我这里nodejs的安装路径名称,文件夹名字不重要。
此时,nodeJS安装成功。
2、然后在noodjs\noodjs文件夹下建立两个文件夹 node_cache 和 node_global。
如下图。
3、这一步很关键。打开命令行控制器(cmd)。输入以下两行命令代码。
每输入一行后回车,cmd没什么反应的,属正常现象。
npm config set cache "E:\nood js\nood_js\node_cache"
npm config set prefix "E:\nood js\nood_js\node_global"
4、全局安装webpack。
npm install webpack -g
ps:安装指定版本的webpack,如下
npm install webpack@3.10.0 -g
@后面是版本号
安装成功之后,可以看到之前建立的文件夹中,有新的 文件webpack
5、重中之重。系统环境变量
打开电脑属性。鼠标右键点击电脑图标,点击“属性”
弹出如下,按照1,2,3顺序打开。
配置环境变量界面。最终界面如下。
开始建立系统环境变量。点击 “用户变量”和“系统变量”的新建按钮。建立如下图的环境变量。
注意路径:有些网上教程中,将E:\nood js\nood_js\node_global\node_modules的node_modules带到环境变量里,导致webpack不能使用。
变量名:NODE_PATH
变量值:E:\nood js\nood_js\node_global
第一步完成之后,接下来是如何将环境变量配置到系统里。请看图。
分别双击 用户变量 和 系统变量 的“Path”。弹出如下如。点击新建(N)。
然后将之前配置的 NODE_PATH 前后用%包起来。如下:
%NODE_PATH%
注意:不要有遗漏。用户变量和系统变量都是如下操作。下图是用户变量的Path。
系统变量的Path值多一点,如下图。
4、打开cmd,输入 node 回车,再输入 require('webpack')
由于,我这已经输入过命令,再次输入,就提示webpack已经在目录里了。我这里从网上找个图,大家看下初次输入命令的效果。
做完以上,迫不及待的试了一下,成功!