win10系统电脑cmd命令框提示“webpack不是内部指令”详解

废话不多说，直接上教程。
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已经在目录里了。我这里从网上找个图，大家看下初次输入命令的效果。



做完以上，迫不及待的试了一下，成功！