一、安装webpack
1、安装最新的node.js;最新的node.js包括了npm,并且是全局安装的;
下载地址https://nodejs.org/en/,左侧为稳定版,右侧为最新版,推荐稳定版。
2.安装Node.js
一路下一步,记住安装路径(此处安装在 D:\Program Files\nodejs 下)。
安装完成后(新版本的Node.js已经自动配置好环境变量了。)运行cmd,执行node -v和npm -v命令查看安装情况。如执行结果如下图,说明安装成功。
3.输入npm list -g 可查看默认全局模块存放路径。
4.配置npm的全局模块存放路径以及cache。在nodejs的安装主目录中新建文件夹:node_cache和node_global(此处我的安装路径是D:\Program Filesnodejs)
5.在cmd中输入命令:
npm config set prefix “D:Program Files\nodejs\node_global”
npm config set cache “D:Program Files\nodejs\node_cache”
再次查看全局模块路径
3.现在可尝试安装模块:选择安装express模块在命令行中输入:
npm install express -g
(-g表示全局安装即安装到node_global目录下)。
4.在cmd中输入node,后输入“require(‘express’)”测试node模块的全局路径是否配置正确。或者在配置的文件查看是否安装。
5.使用淘宝 NPM 镜像
国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。
npm install -g cnpm --registry=https://registry.npm.taobao.org
上图中的警告可以降低npm版本解决。
6.将路径D:\Program Files\nodejs\node_global加到环境变量path中,否则找不到cpm命令。
7.安装 Webpack
由于 npm 安装速度慢,使用了淘宝的镜像及其命令 cnpm。
cnpm install webpack -g