Node环境配置

1、下载Node

Node.js 官方网站下载：https://nodejs.org/en/

并安装。

2、配置npm在安装全局模块时的路径和缓存cache的路径

安装完成后默认路径为C:\Users\Administrator\AppData\Roaming\npm和

C:\Users\Administrator\AppData\Roaming\npm-cache

这里可以配置自定义的全局模块安装路径

npm config set prefix C:\DevProgramFiles\nodejs\node_global
npm config set cache C:\DevProgramFiles\nodejs\node_cache

在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”， 值为“C:\DevProgramFiles\nodejs\node_modules”，

编辑用户变量里的Path，将相应npm的路径改为：D:\Program Files\nodejs\node_global

3、测试

利用管理员身份打开CMD命令，在cmd命令下执行 npm install webpack -g， 然后安装成功后可以看到自定义的两个文件夹已生效。
webpack 也已安装成功，执行npm webpack -v可以看到所安装webpack的版本号。

npm config set registry http://registry.npm.taobao.org

4、安装less

利用管理员身份打开CMD命令，

在线安装：npm install less -g

离线安装：将npm安装包解压到C:\Users\Administrator\AppData\Roaming\npm文件夹中，然后可以在cmd中通过lessc -v命令查看版本号。

方法二：使用命令

npm install -d less

此方法的好处在于安装的less就在node.js安装目录的node_modules文件夹下，此外该文件夹下还有.bin与npm两个文件夹。

5、在IntelliJ IDEA中配置less

在WebStorm中配置less:

settings-Tools-File Watchers-±Tool to Run on Changes-Programs

配置lessc.cmd编译文件路径，如：
C:\DevProgramFiles\nodejs\node_global\lessc.cmd

6、卸载

卸载已安装的：npm uninstall less-loader

更换指定版本：npm i less-loader@4.1.0 -S

打开build/webpack.base.conf.js，找到module.exports，配置依赖。