问题:安装完npm i webpack -D之后发现webpack命令并不能使用,看来就是npm环境配置的问题了,记录下来防止之后再遇见
1.首先检查npm是否安装成功
2.配置文件夹
我的nodejs是默认安装路径F:\Program Files\nodejs,在F:\Program Files\nodejs文件夹内新建两个文件夹用于全局存放依赖包路径,和缓存路径
缓存F:\Program Files\nodejs\node_cache
存放F:\Program Files\nodejs\node_global
文件夹创建完成后打开命令行输入如下命令 配置路径:
npm config set cache "F:\Program Files\nodejs\node_cache"
回车
输入:
npm config set prefix "F:\Program Files\nodejs\node_global"
回车
(输入指令后,命令行闪一下,不会有任何提示)
3.安装webpack
webpack分为全局安装,与项目安装(安装在你指定的文件夹内),我这里使用的是全局安装
启动cmd,键入如下的命令:npm install webpack -g 成功后会在node_global发现多了webpack:
此时全局webpack已经成功安装。
4.环境变量配置
我的电脑——右键属性——高级系统设置——高级———环境变量
分别新建用户变量PATH和系统变量NODE_PATH
用户变量:
系统变量:
这是最重要的一点;在安装webpack后出现'webpack' 不是内部或外部命令的问题 就是此处设置不对
PATH和NODE_PATH全部设置为:F:\Program Files\nodejs\node_global。