1、下载安装包
Node.js 官方网站下载:Node.js
选择操作系统对应的包
2、安装
打开安装,傻瓜式下一步即可
安装成功,此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号
3、配置npm在安装全局模块时的路径和缓存cache的路径
因为在执行例如npm install webpack -g
等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间
所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global
和node_cache
,然后在cmd命令下执行如下两个命令:
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_modules”
最后编辑用户变量里的Path,将相应npm的路径改为:D:\Program Files\nodejs\node_global,如下:
配置完成。
4、测试
在cmd命令下执行 npm install webpack -g
然后安装成功后可以看到自定义的两个文件夹已生效。
webpack 也已安装成功,执行 npm webpack -v 可以看到所安装webpack的版本号。
5、配置镜像站
为了提高下载安装速度,配置了镜像站
npm config set registry=http://registry.npm.taobao.org
输入npm config list
,可以查看npm的配置信息,如
最后使用命令 npm install xxx(如vue) -g
,即可安装全局依赖,在node_global目录下可以找到安装的包。
6、yarn下载配置
输入指令用npm下载yarn
npm install yarn -g
下载完成后输入指令确认
yarn -v
若返回版本号,则为配置成功
如果插件安装在自定义路径,需要配置环境变量:
系统变量 path 里面加
D:\Program Files\nodejs\node_global\node_modules\yarn\bin
7、npm和yarn指令对比
npm install react --save yarn add react
npm uninstall react --save yarn remove react
npm install react --save-dev yarn add react --dev
npm update --save yarn upgrade