四次元科技

科技、动漫、生活、学习以及一切

新手前端拿到mac之后需要做的一些事情

写在最前

macOS是基于Unix系统开发出来的产物，这类系统的一个特点就是你必须记住你用户的密码，因为经常需要在获取高权限的时候输入。
而且密码输入的时候，终端窗口里是不会有文字或者星号的提示的，直到按回车之前，画面都不会有变化。所以遇到输入密码的时候，就正常的输入再按回车就可以了。

安装Git

开机之后，连上网络，然后其他什么都不要做，先去打开终端，运行一下这个。

这个安装走的苹果服务器，非常慢，所以最好一开始就安装起来。

然后你就会安装上git，没有git后面的东西就都不好装。

xcode-select --install

配置hosts

然后就是配置github的hosts，国内不配置hosts的话，上github还是比较难受的。

这里建议使用SwitchHosts软件来配置。

下载地址：SwitchHosts

详细介绍可以阅读 SwitchHosts! 还能这样管理hosts，后悔没早点用 。

操作步骤

添加一条规则：

这样就可以和最新的hosts保持同步。

安装Homebrew

接下来是要安装终端神器Homebrew，这个可以用来安装环境需要的一些软件，官方的安装方式国内会比较慢，这里推荐国内镜像的方式安装。

依次执行下面的命令即可使用腾讯云镜像安装。

详细介绍可以阅读镜像助手 - Homebrew 中文网

export HOMEBREW_BREW_GIT_REMOTE="https://mirrors.cloud.tencent.com/homebrew/brew.git"
export HOMEBREW_CORE_GIT_REMOTE="https://mirrors.cloud.tencent.com/homebrew/homebrew-core.git"
export HOMEBREW_API_DOMAIN="https://mirrors.cloud.tencent.com/homebrew-bottles/api/"
export HOMEBREW_BOTTLE_DOMAIN="https://mirrors.cloud.tencent.com/homebrew-bottles/bottles"

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"

安装oh-my-zsh

oh-my-zsh是一个终端增强插件，可以让你的终端变得更好用。

依次执行下面的命令即可。

cd ~/
git clone https://mirrors.tuna.tsinghua.edu.cn/git/ohmyzsh.git
cd ohmyzsh/tools
REMOTE=https://mirrors.tuna.tsinghua.edu.cn/git/ohmyzsh.git sh install.sh
rm -rf ~/ohmyzsh

安装之后，在用户根目录下会生成一个.zshrc的配置文件，如果后面有需要修改配置的就是修改这个文件。

使用如下命令可以打开配置文件。

open ~/.zshrc

编辑完成后可以使用下面的命令立即更新配置。当然重新启动终端也可以。

source ~/.zshrc

安装nvm

nvm是一个nodejs版本管理工具，可以更容易的安装和切换不同的node版本。

有两种安装方式，使用zsh-nvm插件，或者手动安装。

首先执行这个设置镜像源到国内。

export NVM_NODEJS_ORG_MIRROR=https://registry.npmmirror.com/-/binary/node/

zsh-nvm插件

执行下面的命令。

git clone https://github.com/lukechilds/zsh-nvm ~/.oh-my-zsh/custom/plugins/zsh-nvm

然后打开.zshrc配置文件。在编辑器中找到plugins字段，在括号里面添加zsh-nvm(需要和已有内容使用空格分开)，然后刷新一下配置。

这样nvm就安装成功了。

手动安装

运行命令。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

然后打开.zshrc文件，添加下面两行配置，然后刷新。

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

安装node

一般来说，我们安装完了nvm之后，直接用下面的命令就可以装了。

nvm install --lts

安装yarn

一行命令。

curl -o- -L https://yarnpkg.com/install.sh | bash

设置npm镜像源

使用阿里的镜像源。

npm set registry https://registry.npmmirror.com/
yarn config set registry https://registry.npmmirror.com/

安装IDE

现在大家一般都是常用VSCode。直接点下面链接下载就行。

下载地址：VSCode

但是十有八九你的下载速度会特别特别的慢。这时候有两种方案。

一种是复制一下下载的链接，改成国内镜像源。

也就是把xxxxxx.vo.msecnd.net改成vscode.cdn.azure.cn。

# 原始地址
https://az764295.vo.msecnd.net/stable/f1b07bd25dfad64b0167beb15359ae573aecd2cc/VSCode-darwin-universal.zip

# 修改后地址
https://vscode.cdn.azure.cn/stable/f1b07bd25dfad64b0167beb15359ae573aecd2cc/VSCode-darwin-universal.zip

另一种方案就是从第三方的地址下载，然后再更新。

下载地址：Visual Studio Code

安装ReactNative环境

如果你是Web前端或者是小程序开发的话，看到这基本就差不多了，但是如果你是ReactNative开发的话，那后面还要再搞一坨东西才好用。

首先需要安装xcode和android studio。

xcode可以在下面的网址直接找到下载，这样可以不用登陆AppStore。

下载之前记得看一下自己的系统版本，然后下载不要超过自己系统版本的包。

下载地址：Xcode Releases

android studio直接到中文官网下载。

下载地址： Android Studio

然后安装watchman。

brew install watchman

最麻烦的——ruby

先安装rbenv版本管理器。

brew install rbenv

然后设置镜像源。

export RUBY_BUILD_MIRROR_PACKAGE_URL="https://cache.ruby-china.com/"

然后安装ruby。

RUBY_CFLAGS="-w" rbenv install 2.7.8

然后配置环境变量，把下面这行加入.zshrc，并刷新配置。

eval "$(rbenv init - zsh)"

最后执行下面这个，把安装的版本设置为默认版本。

rbenv global 2.7.8

执行一下命令看看版本对不对。

ruby -v
# ruby 2.7.8p225 (2023-03-30 revision 1f4d455848) [arm64-darwin21]

安装cocoapods

这玩意新版本已经禁止了各种设置源设置镜像的能力，所以只能官方地址慢慢下。

brew install cocoapods

结语

到这基本所有的环境就都装好了。不过如果你要接鼠标，爬长城，或者管理SVN之类的，还是需要一些别的软件支持的，这些就后面再说吧。