一、下载安装node.js
去nodejs官网(https://nodejs.org/en/)下载所需版本,看清系统,不是所有版本都支持w7的
我用的w7,下载的node-v10.16.0-x64
二、配置环境
1.配置文件夹
输入cmd打开命令行,输入node -v回车查看nodejs是否安装成功
输入
npm - v
查看npm是否安装
- 在安装好node的文件夹里,新建俩个文件夹node_cache和node_global ,用于全局存放依赖包路径,和缓存路径
- 文件夹创建完成后打开命令行输入如下命令 配置路径:
npm config set cache "C:\ProgramFiles\nodejs\node_cache"
(缓存)
(我装的是D盘,所以这里我改为了D:\node\node_cache)
npm config set cache D:\node\node_cache"
回车
输入:
npm config set prefix "C:\Program Files\nodejs\node_global"
(存放)
(我装的是D盘,所以这里我改为了D:\node\node_global)
npm config set prefix "D:\node\node_global"
回车
(输入指令后,命令行闪一下,不会有任何提示)
这里我也不是很清楚,没研究明白
反正最后出来成这样,不过能运行
2.安装webpack
1.启动cmd,键入如下的命令:(用管理员身份运行,不然会出现下载失败)
npm install webpack -g
安装后node_global文件夹里多了东西
此时输入webpack -v,显示’webpack’不是内部或外部命令
所以需要环境变量配置
3.环境变量配置
我的电脑——右键属性——高级系统设置——高级———环境变量
分别新建用户变量PATH和系统变量NODE_PATH
用户变量:
环境变量:
在安装webpack后出现
‘webpack’ 不是内部或外部命令的问题 就是此处设置不对
PATH和NODE_PATH全部设置为:C:\user\Administror\D\node\nodejs\node_global
看到网上的设置方法为 :NODE_PATH属性指向C:\Program Files\nodejs\node_global\node_modules,这样设置并不对,就会导致报不是内部命令
转载至:https://www.cnblogs.com/fengchaoran/p/8461317.html
三、w10系统配置
1.下载node
w10系统我下载的node-v14.18.1x64
去nodejs官网(https://nodejs.org/en/)下载所需版本
2.全局下载webpack-cli
执行到上面的 webpack -v
后会提示下载webpack-cli
所以全局下载,执行
npm install webpack-cli -g
3.当前环境重新安装
先卸载:(如果卸载不成功,直接找到node-sass文件夹,删除)
npm uninstall --save node-sass
再安装
npm install --save node-sass
或
cnpm install --save node-sass
4.管理员身份运行cmd
此时 webpack -v
如果会报错,提示
webpack : 无法加载文件 D:\node\node_global\webpack.ps1,因为在此系统上禁止运行脚本。
这时需通过powershell 管理员 执行
在打开powershell 管理员 重新执行一次
执行get-ExecutionPolicy,显示Restricted表示状态是禁止的 Restricted
get-ExecutionPolicy
执行命令行修改状态,
get-ExecutionPolicy
然后选择 Y。
此时查看版本成功
webpack -v