从 nvm 迁移到 nvs

前置介绍

• nvm

• (opens new window): 同样是一个的 Node.js 版本切换器，使用 JavaScript 实现，跨平台

为什么要迁移

nvm 有太多我不能忍受的地方，例如：

• nvm 对 prefix 支持不好 ( issue

(opens new window) )，切换版本后需要重新安装全局模块 ( docs

• (opens new window) )

迁移步骤

备份现有全局模块列表

$ npm ls -g --depth=0 # 列出当前装了多少全局模块，手动备份一下~

depth 代表显示层级

移除已有 node 版本

$ nvm list # 查看当前装了多少 node 版本
$ nvm uninstall <version>

其实可以不删除，只是强迫症

卸载 nvm

卸载 nvm 本身倒是挺简单，How to uninstall nvm

(opens new window)

$ rm -rf ~/.nvm

然后删除 ~/.bashrc / ~/.profile / ~/.zshrc 里面 nvm 相关的语句即可。

安装 nvs

按照官方说明，直接 git clone 到本地，然后执行 install 就好

$ export NVS_HOME="$HOME/.nvs" # 安装到 ~/.nvs 目录下
$ git clone https://github.com/jasongin/nvs "$NVS_HOME"
$ . "$NVS_HOME/nvs.sh" install

install 命令会自动注入 nvs 配置到 ~/.bashrc / ~/.profile / ~/.zshrc 里去

设置国内镜像

我只用到 node 所以就只设置了 node 的镜像地址，感谢淘宝~~

$ nvs remote node https://npm.taobao.org/mirrors/node/

列出所有下载的 base URI

$ nvs remote

安装 node

安装个最新的 lts 版本压压惊

$ nvs add lts

懒得每次都切换就把加上这句

$ echo 'nvs use latest' >> ~/.zshrc

查看已经安装的版本

$ nvs ls

设置 prefix

$ npm config set prefix ~/.npm-global
$ echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.zshrc
$ source ~/.zshrc

安装全局模块

然后就可以愉快的重新安装需要的全局模块啦~~

以下是我的安装脚本，仅供参考：

#!/bin/bash

modules=(
  create-react-app
  eslint
  node-dev
  pm2
  standard
  standard-version
  typescript
  vue-cli
  webpack
  yo
)

echo "Installing global node modules..."
npm install -g ${modules[@]}

验证

$ node -v
$ npm -v

总结

nvs 的优势

• 功能上不输 nvm，启动比 nvm 快 (个人感觉)
• 切换版本后，全局模块也可以直接使用（当然像 node-sass 那种还是得重新安装的）
• 使用 JavaScript 实现，有亲切感
• 扔一个 .node-version 文件到项目里，开启 nvs auto on 后可以自动切换版本 ( 文档

• (opens new window)

相关链接

• https://github.com/jasongin/nvs/blob/master/doc/SETUP.md

(opens new window): 一个 Node.js 版本管理器，使用 bash 实现，几乎是业内最有名

nvs

(opens new window) ) ️️️️❗️❗️

启动太慢 ( "nvm slow startup"

(opens new window) ) ❗️

还有很多不兼容的地方.. ( docs

(opens new window) )，连 use 都不用写。

VS Code support

(opens new window)

https://github.com/xizhibei/blog/issues/38

from https://chic-monstera-02402d.netlify.app/cong-nvm-qian-yi-dao-nvs.html