解决全局安装webpack后,'webpack' 不是内部或外部命令

一、下载安装node.js

  • 官网地址:https://nodejs.org/en/
  • 直接下载带有 LTS 稳定版本的,带有 current 为最新版可能有各种情况出现
  • 按照步骤直接点击下一步完成安装,nodejs默认集成了npm,无需再次安装。

二、配置环境

  • win+R输入cmd打开命令行 输入 node -v 回车查看nodejs是否成功安装:
    解决全局安装webpack后,'webpack' 不是内部或外部命令
  • 输入npm -v 也可以查看npm是否成功安装,安装成功后出现版本号说明nodejs.npm安装成功。

(1)、配置文件夹

  • 我将node.js安装到了 D:\nodejs,我个人不喜欢什么东西都装 C 盘 ,你也可以默认安装路径C:\ProgramFiles\nodejs ,这样更不容易出错。
  • 然后在你安装好的node文件夹内创建两个文件
  • 缓存D:\nodejs\node_cache
  • 存放D:\nodejs\node_global
    解决全局安装webpack后,'webpack' 不是内部或外部命令
  • 文件夹创建完成后打开命令行输入如下命令 配置路径:
  • 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说明安装成功):
    解决全局安装webpack后,'webpack' 不是内部或外部命令
  • 然后你去打开node_global文件夹,就会发现webpack的相关文件
  • 此时全局webpack已经成功安装

三、环境变量配置

  • 我的电脑——右键属性——高级系统设置——高级———环境变量
  • 用户变量Path中,添加 “D:\nodejs\node_global” ,也就是你的node_global文件的路径
    解决全局安装webpack后,'webpack' 不是内部或外部命令
  • 点击确定
  • 系统变量中新建一个NODE_PATH,也一样添加 “D:\nodejs\node_global”
    解决全局安装webpack后,'webpack' 不是内部或外部命令
  • 当你这个时候打开cmd输入webpack -v 时,如果出现了版本号,就说明安装成功
    解决全局安装webpack后,'webpack' 不是内部或外部命令

按照以上流程,webpack才算真真的配置完成,然后就可以直接使用了