新版的nodejs配置貌似有些变化,参考这篇文章:node环境变量配置,npm环境变量配置
一.安装node
1.首先安装node.js
先从nodejs官网下载安装包,官网提供了.msi安装包和.zip压缩包。
如果下载的安装包,则在安装时,选项全部勾选(含Add to PATH添加到环境变量),会自动添加环境变量。
如果下载的绿色压缩包,则直接解压,然后手动配置环境变量
NODE_HOME=D:Tools ode-v10.13.0 NODE_PATH=%NODE_HOME% ode_modules path中增加%NODE_HOME%
验证安装:
node -v
npm -v
2.修改npm默认路径
node.js自带了软件包管理器npm。但是默认安装C盘:
在cmd中输入npm config ls就可以看到,还有一个npm-cache
C:UserslpAppDataRoaming
pm
C:UserslpAppDataRoaming
pm-cache
打开nodejs/node_modules/npm下的npmrc文件,可以看到如下内容:
prefix=${APPDATA}
pm
将其修改为D:Tools
pm
然后将默认路径下的npm和npm-cache目录移到想要放置的目录(D:Tools)
3.修改npm用户配置和使用淘宝镜像
执行以下命令:
npm config set prefix "D:Tools pm" npm config set cache "D:Tools pm-cache" npm config set registry https://registry.npm.taobao.org
或者直接修改C:Userslp下的.npmrc,添加:
cache=D:Tools pm-cache prefix=D:Tools pm registry=https://registry.npm.taobao.org/
由于npm下载速度慢,可以替换为国内淘宝提供的 npm
镜像源。
npm install -g cnpm --registry=https://registry.npm.taobao.org
之后就可以使用cnpm install替代cpm install来下载了。
4.修改环境变量
修改环境变量PATH中的npm路径
二.安装webpack
使用npm安装webpack:
npm install webpack -g //安装最新版。全局安装 npm install webpack@2.4.1 -g //指定安装版本 (卸载:npm uninstall webpack@2.4.1)
注意:webpack4.x之后的命令行单独分出一个包webpack-cli,需要单独安装
npm install webpack-cli -g
此时Webpack已经安装到了全局环境下,验证安装:
webpack -h