nvm、node、npm、yarn
这个配置下可以自由的切换版本,并且安装的全局工具包可以一直使用
一、nvm 安装
目前 nvm 版本 1.1.9
-
安装时选择 nodejs 文件夹的安装目录在 nvm 同级目录
-
nvm 安装好后会自动创建两个变量,并且会把这两个变量添加进环境变量(用
%
号括起来即可引用变量)-
NVM_HOME
= [ nvm 的目录路径 ] -
NVM_SYMLINK
= [ nodejs 的目录路径 ]
-
-
-
设置根目录下的settings,加入以下两行替换镜像:
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
# 之前的源,证书已失效,使用上面的新源
# node_mirror: https://npm.taobao.org/mirrors/node/
# npm_mirror: https://npm.taobao.org/mirrors/npm/
- 打开Cmder,安装一个 node 版本
nvm install 8.11.4
- 使用安装的版本
nvm use 8.11.4
- 此时已经安装完成,可以使用以下命令测试:
node -v
npm -v
-
这个时候会发现,有些低版本
node
没有npm
包,如果要使用,需要自行下载:- 去查看当前
node
对应的npm
版本:https://nodejs.org/zh-cn/download/releases/ - 点击右侧的下载
- 下载对应自己系统的压缩包
- 下载之后解压文件夹,复制
node_modules
下的npm
文件夹到nvm
下对应node
版本的node_modules
文件夹里 - 复制以下 4 个文件到
nvm
下对应的node
文件夹内
- 此时已经可以使用
npm
命令了
- 去查看当前
二、npm 配置
- 创建文件夹
D:\nvm\node_global
D:\nvm\node_cache
- 配置 npm 全局模块的存放路径以及 cache 的路径以及淘宝镜像
npm config set prefix /d/nvm/node_global/
npm config set cache /d/nvm/node_cache/
npm config set registry https://registry.npmmirror.com/
# 之前的源已失效
# npm config set registry http://registry.npm.taobao.org
# 可以执行下这句,以防以后使用 Electron 安装依赖不成功
npm config set electron_mirror https://npmmirror.com/mirrors/electron/
# 之前的源已失效
# npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
# 查看配置信息
npm config list
- 安装express
npm install express -g
-
在系统变量下新建 NODE_PATH,输入 D:\nvm\node_global\node_modules,这一步是为了可以 require 全局安装的包(原因是 node 在执行 require 语句时,会寻找 NODE_PATH 地址,从中获取模块资源)
-
之后可以进入 node 环境测试下,输入 require(‘express’),如果没问题的话,会输出express的相关信息
注意:环境变量配置后,cmd 需要重启才能生效
-
由于改变了全局模块的默认存放地址,所以需要在系统变量的 path 中添加 node cmd 的路径:D:\nvm\node_global,以便在命令行中可以使用全局安装的工具,例如 rimraf、http-server 等
三、yarn 配置
- yarn 和 npm 全局安装的包都应该以工具型为主,否则应该使用局部安装
- 安装全局的包尽量使用 npm,局部的可以选择使用 yarn,可以提升安装速度
- 用 yarn 安装的全局包所在的文件夹( D:\nvm\yarn_global\node_modules )内还有其它的辅助包,与用 npm 安装的全局包是分隔开的
- 这个配置下,yarn 全局安装的包可以在命令行中使用,但不能被 require,毕竟,NODE_PATH 的路径只能设置一个
- 所以:如果不用 yarn 安装全局工具包或局部包,则不需要以下配置
- 安装yarn
npm install yarn -g
- 创建两个文件夹
D:\nvm\yarn_cache
D:\nvm\yarn_global
- 配置yarn全局安装位置和缓存位置以及淘宝镜像
yarn config set global-folder /d/nvm/yarn_global/
yarn config set cache-folder /d/nvm/yarn_cache/
yarn config set registry https://registry.npmmirror.com/
#查看配置信息
yarn config list
- 全局安装一个包
yarn global add rimraf
- 配置环境变量
D:\nvm\yarn_global\node_modules\.bin
# 或者(推荐)
D:\nvm\node_global\bin
# 这两个文件夹内的内容是完全一样的