安装nodejs和webpack环境

新版的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路径

使用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