前端开发环境之macOS

发表于 分类于 阅读次数： 本文字数： 1.4k 阅读时长 ≈ 1 分钟

前端开发离不开 Node，就像西方不能失去耶路撒冷，首先搞定多版本 Node。

nvm

nvm 是 node.js的版本管理器，设计为按用户安装并按 shell 调用。nvm适用于任何兼容 POSIX 的 shell（sh、dash、ksh、zsh、bash），特别是在以下平台上：unix、macOS 和windows WSL。

github 仓库链接：https://github.com/nvm-sh/nvm

注意
nvm 依赖 git，需要远程获取 github 对应仓库文件。
安装程序可以使用git、curl、 或wget进行下载nvm（以可用者为准）。

X-Code 安装

检查X-Code是否安装

1
2
xcode-select --version
git -v

如果没看到版本信息，则需安装

1
xcode-select --install

然后我们可以使用 git 方式进行安装 nvm。

git 安装 nvm

如果您已git安装（需要 git v1.7.10+）：

  1. 将此存储库克隆到您的用户配置文件的根目录中，cd ~/：
    • 那么从任何地方git clone https://github.com/nvm-sh/nvm.git .nvm
    • 如果 git 配置了 sshKey，可通过git clone git@github.com:nvm-sh/nvm.git .nvm获取，速度会更快
  2. cd ~/.nvm并查看最新版本git checkout v0.40.1（切换到最新版）
  3. nvm通过从 shell 获取它来激活：. ./nvm.sh

！！！git 安装 nvm 后，别忘了配置文件：

现在将这些行添加到您的~/.bash_profile、~/.zshrc、~/.profile或~/.bashrc文件中，以便在登录时自动获取它：（您可能需要添加到多个上述文件中）。

实测 .bash_profile、.zshrc文件生效。

1
2
3
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

使其配置文件生效：

1
2
source ~/.bash_profile
source ~/.zshrc

验证安装

可以执行以下操作：

1
nvm -v

nvm如果安装成功，应该输出。

用法

1
2
3
4
5
6
7
8
9
10
# 列出可用版本ls-remote
nvm ls-remote
# 要安装特定版本的节点
nvm install 14.19.0
# 查看安装的版本
nvm ls
# 切换使用版本
nvm use 18.20.6
# 设置默认版本
nvm alias default 18.20.6

其他

类似 nvm 的 Node 版本管理工具，还有 fnm、volta。

nrm

nrm 可以帮助您轻松快速地切换不同的 npm 注册表。它支持 npm、cnpm、淘宝、yarn、腾讯、npmMirror 和华为。

github 仓库链接：https://github.com/Pana/nrm

注意
当前 nrm 版本需要 node >= 18

1
2
3
npm i -g nrm
nrm use taobao
npm get registry