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

2020/07/22 14:23
阅读数 870

废话不多说,直接上教程。

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、重中之重。系统环境变量

打开电脑属性。鼠标右键点击电脑图标,点击“属性”

配置环境变量界面。最终界面如下。

开始建立系统环境变量。点击 “用户变量”和“系统变量”的新建按钮。建立如下图的环境变量。

注意路径:有些网上教程中,将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')

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
返回顶部
顶部