到手Mac配置前端开发环境

Tenezzi
146 阅读3分钟

⚡️以下内容是我在进入公司实习并买了新mac，自己进行环境配置时的总结，仅供参考和记录。

安装 Homebrew

⚡️写在前面：

由于墙的问题，在获取一些国外的安装包时经常失败，即便有些安装包可以在国内镜像源访问到，也有概率安装失败。 并且安装成功后的一些配置也经常失败，下面讲提供一位大牛写的傻瓜一键式安装脚本，包括解决了访问国外仓库失败，和更换工具当前源无效的问题

#全自动安装脚本，包含更换源
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

如果你在看到本文章之前，已经跟着各种教程折腾一番后，下载但可能无法使用可以执行下面命令

#卸载脚本
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh)"

当然也可以执行自动安装脚本，它会在安装的时候识别你是否安装了brew，并询问是否卸载重新安装。

⚡️如果你已经执行上面的安装脚本并成功安装，可以直接跳到使用brew安装开发工具并管理。 但是如果安装脚本实效，你可以继续向下看自己手动安装和配置。

配置前说一下mac常见的配置文件

  • 如果你需要设置 全局环境变量，例如 PATH、LANG 等，推荐将它们放在 ~/.zshenv，因为它在所有的 Zsh 会话中都会加载。
  • 如果你想确保某些设置或命令在每次 登录时 执行，可以将它们放在 ~/.zprofile 或 ~/.zlogin 中。
  • 如果你想在 交互式会话 中进行配置（如 别名、命令补全 等），则应该放在 ~/.zshrc 中。

官网给的安装命令是默认从国外仓库拉取，访问较慢甚至超时失败。没有代理工具的从可以从国内的镜像源拉。 在拉前可以预先设置一下brew的环境变量，这样安装完成之后使用的时候，让brew也从国内镜像源下载其他应用。

打开终端，输入：

export HOMEBREW_BREW_GIT_REMOTE="https://mirrors.ustc.edu.cn/brew.git"
export HOMEBREW_CORE_GIT_REMOTE="https://mirrors.ustc.edu.cn/homebrew-core.git"
export HOMEBREW_BOTTLE_DOMAIN="https://mirrors.ustc.edu.cn/homebrew-bottles"
export HOMEBREW_API_DOMAIN="https://mirrors.ustc.edu.cn/homebrew-bottles/api"

# 设置完环境变量之后在中科大的源下载brew
/bin/bash -c "$(curl -fsSL https://mirrors.ustc.edu.cn/misc/brew-install.sh)"

有代理工具的，要注意即使开了代理，终端代理也不一定会走，我们在～/.zshrc里写一个控制终端临时走代理的脚本

# ～代表的是 /Users/用户名，和环境变量里的 $HOME 代表一样的路径
# 设置系统的http代理端口为你代理软件运行的端口，xxx替换为端口，这样终端输入proxy就是让你的终端走代理工具，不走了输入noproxy
proxy () {
  export http_proxy="http://127.0.0.1:xxxx"
  export https_proxy="http://127.0.0.1:xxxx"
  echo "HTTP Proxy on"
}

# where noproxy
noproxy () {
  unset http_proxy
  unset https_proxy
  echo "HTTP Proxy off"
}

刷新文件

source ~/.zshrc

然后运行安装官网给的安装命令

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装完成后执行 brew config 可以看到一些信息以及brew的源

安装git

⚡️brew是基于git下载安装包的，之前安装brew的命令是使用curl通过url访问仓库的。如果你已经有git，最开始也可以使用git下载brew。只是我现在通过brew下载git方便它。

### 安装git
brew install git
#安装完后看看是否安装成功，输出版本号即成功
git -v

配置基础信息

git config --global user.name "username"
git config --global user.email "email"

⚡️如果你需要配置ssh以便访问公司的仓库，可以看下面，反之跳过

// 首先检查电脑是否曾经生成过秘钥
cd ~/.ssh   // 若打开该文件夹为空，则表示没有生成过秘钥，进入第二步。（~表示根目录）
// 生成密钥
ssh-keygen -t rsa -C "sevenXXX@163.com"
// 接着默认一直回车
// 执行成功后，会在主目录 .ssh 路径下生成两个文件： id_rsa 私钥文件、id_rsa.pub 公钥文件。
// 检查SSH是否生成成功
cat ~/.ssh/id_rsa.pub
// 将上述结果复制到 github - settings - SSH and GPG keys - New SSH key 即可
// 验证是否成功
ssh -T git@github.com

安装nvm

brew install nvm

⚡️注意！！！

这样安装nvm是无效的，brew报一大堆英文，大概意思是提示你 homebrew 安装nvm不受官方支持，在遇到问题的时候官方文档提供不了帮助，nvm下管理的node在brew更新的时候可能会丢失，他会建议你用node官方提供的标准方法安装nvm

我们先创建一个nvm目录,这是nvm的工作区，存放node的不同版本

mkdir ~/.nvm

然后在 ～/.zshrc 添加下面的脚本，作用是将 NVM_DIR 设置为 ~/.nvm 而不是 Homebrew 默认路径（/opt/homebrew/Cellar/nvm/），这样可以避免brew的更新或卸载导致node丢失

export NVM_DIR="$HOME/.nvm"  # 将 NVM_DIR 设置为 ~/.nvm
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

重新加载文件，试一试nvm命令能否被识别

source ~/.zshrc

#版本
nvm -v
# 使用的node版本
nvm current

# 看看nvm安装目录
echo $NVM_DIR
# 查看所有版本
node ls
# 安装node
node install <版本号>
# 切换node版本
node use <版本号>

安装nrm

我还推荐大家安装完node后（node自带npm）后，再安装一个nrm，用来管理npm的镜像源，他不会影响到homebrew的镜像源

# 安装
brew install nrm
# 查看可用的源
nrm ls
# 切换源，taobao就好
nrm use <源的名字/url>

想要了解Homebrew是如何管理文件和应用的可以看我的另一篇文章

avatar
文章
阅读
粉丝