前端mac搭建环境

417 阅读1分钟

1. brew

Homebrew 是 macOS 的包管理器,用于安装其他工具(如 nvm),是后续步骤的基础

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2. nvm

1、 nvm 是什么

管理 node 和 npm 版本工具,可以切换不同版本的 node。

2、 nvm 使用

显示node版本:nvm ls

使用某个版本:nvm use 版本号

安装版本 nvm install 版本号
安装版本和npm:nvm install 版本号 + —with-npm(带npm)

删除指定版本:nvm uninstall 版本号

查看当前版本:nvm current

3、 nvm安装

1.brew install nvm

2.默认zsh
open ~/.zshrc

3.配置文件
export NVM_DIR="$HOME/.nvm" . "/opt/homebrew/opt/nvm/nvm.sh" # 加载 NVM . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" # 加载 NVM 自动补全

4.运行
source ~/.zshrc

5.验证安装
nvm --version

常见问题:M1/M2 芯片的 Homebrew 默认安装路径为 `/opt/homebrew`,确保此路径已添加到环境变量中

3.node

nvm install --lts # 安装最新 LTS 版本

node --version # 应显示已安装的版本号 
npm --version # 验证 npm 是否正确安装

4. nrm (npm 镜像源管理器)

1、使用npm安装nrm

npm install -g nrm

2、 nrm 使用

// registry为源名,url为源地址

1、添加公司源:nrm add <registry> <url>

2、切换到公司源:nrm <registry>

3、使用公司源: nrm use <registry>

列出所有源: nrm ls 带*表示正在使用

查看当前源: nrm current

删除源 nrm del <registry>

直接设置淘宝镜像 `npm config set registry https://registry.npm.taobao.org`

版本冲突node14使用

npm install -g nrm open@8.4.2 --save

踩坑得出结论按顺序来:

  1. brew
  2. git
  3. nvm(安装前先删干净node)
  4. node,npm
  5. nrm(依附nvm)