解决全局安装webpack后,'webpack' 不是内部或外部命令
一、下载安装node.js
- 官网地址:https://nodejs.org/en/
- 直接下载带有 LTS 稳定版本的,带有 current 为最新版可能有各种情况出现
- 按照步骤直接点击下一步完成安装,nodejs默认集成了npm,无需再次安装。
二、配置环境
- win+R输入cmd打开命令行 输入 node -v 回车查看nodejs是否成功安装:
- 输入npm -v 也可以查看npm是否成功安装,安装成功后出现版本号说明nodejs.npm安装成功。
(1)、配置文件夹
- 我将node.js安装到了 D:\nodejs,我个人不喜欢什么东西都装 C 盘 ,你也可以默认安装路径C:\ProgramFiles\nodejs ,这样更不容易出错。
- 然后在你安装好的node文件夹内创建两个文件
- 缓存D:\nodejs\node_cache
- 存放D:\nodejs\node_global
- 文件夹创建完成后打开命令行输入如下命令 配置路径:
- npm config set cache "D:\nodejs\node_cache"回车
- 输入:
- npm config set prefix “D:\nodejs\node_global” 回车
(输入指令后,命令行闪一下,不会有任何提示)
(2)、安装webpack
- webpack分为全局安装,与项目安装(安装在你指定的文件夹内),我这里使用的是全局安装
- 启动cmd,键入如下的命令:
- npm install webpack -g
- 点击回车,会有一个进度条,等待进度条完成后,出现如下信息(具体信息可能有差别,但是只要不出现error说明安装成功):
- 然后你去打开node_global文件夹,就会发现webpack的相关文件
- 此时全局webpack已经成功安装
三、环境变量配置
- 我的电脑——右键属性——高级系统设置——高级———环境变量
- 在用户变量Path中,添加 “D:\nodejs\node_global” ,也就是你的node_global文件的路径
- 点击确定
- 在系统变量中新建一个NODE_PATH,也一样添加 “D:\nodejs\node_global”
- 当你这个时候打开cmd输入webpack -v 时,如果出现了版本号,就说明安装成功
按照以上流程,webpack才算真真的配置完成,然后就可以直接使用了