新手前端拿到mac之后需要做的一些事情
写在最前
macOS是基于Unix系统开发出来的产物,这类系统的一个特点就是你必须记住你用户的密码,因为经常需要在获取高权限的时候输入。
而且密码输入的时候,终端窗口里是不会有文字或者星号的提示的,直到按回车之前,画面都不会有变化。所以遇到输入密码的时候,就正常的输入再按回车就可以了。
安装Git
开机之后,连上网络,然后其他什么都不要做,先去打开终端,运行一下这个。
这个安装走的苹果服务器,非常慢,所以最好一开始就安装起来。
然后你就会安装上git
,没有git
后面的东西就都不好装。
xcode-select --install
配置hosts
然后就是配置github的hosts,国内不配置hosts的话,上github还是比较难受的。
这里建议使用SwitchHosts
软件来配置。
下载地址: SwitchHosts
详细介绍可以阅读 SwitchHosts! 还能这样管理hosts,后悔没早点用 。
操作步骤
添加一条规则:
- 方案名: GitHub(可以自行命名)
- 类型: 远程
- URL 地址: https://gitlab.com/ineo6/hosts/-/raw/master/hosts
- 自动更新: 1个小时(时间可自行调整)
这样就可以和最新的hosts
保持同步。
安装Homebrew
接下来是要安装终端神器Homebrew
,这个可以用来安装环境需要的一些软件,官方的安装方式国内会比较慢,这里推荐国内镜像的方式安装。
依次执行下面的命令即可使用腾讯云镜像安装。
详细介绍可以阅读镜像助手 - Homebrew 中文网
export HOMEBREW_BREW_GIT_REMOTE="https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git"
export HOMEBREW_CORE_GIT_REMOTE="https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git"
export HOMEBREW_API_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles/api"
export HOMEBREW_BOTTLE_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/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
安装基础版本node
建议直接在官网或镜像源下载二进制安装包安装,这样又快又简单。
这里我给出的是阿里的镜像源。
下载地址: https://cdn.npmmirror.com/binaries/node/v20.17.0/node-v20.17.0.pkg
安装yarn
一行命令。
curl -o- -L https://yarnpkg.com/install.sh | bash
安装pnpm
(推荐)
一行命令。
curl -fsSL https://get.pnpm.io/install.sh | sh -
之后执行下面的命令设置镜像源。
cat>~/.npmrc<<EOF
node-mirror:release=https://npmmirror.com/mirrors/node/
node-mirror:rc=https://npmmirror.com/mirrors/node-rc/
node-mirror:nightly=https://npmmirror.com/mirrors/node-nightly/
#如果需要开发RN,记得设置为hoisted模式,否则RN项目不可用。也可设置到项目的.npmrc中。
node-linker=hoisted
EOF
最后使用pnpm的命令安装lts版本node。
pnpm env use --global lts
设置npm
镜像源
使用阿里的镜像源。
npm set registry https://registry.npmmirror.com
yarn config set registry https://registry.npmmirror.com
pnpm 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
也可以试试VSCode的开源版本VSCodium,没有微软服务,更轻量。
下载地址: VSCodium
安装ReactNative
环境
如果你是Web前端或者是小程序开发的话,看到这基本就差不多了,但是如果你是ReactNative
开发的话,那后面还要再搞一坨东西才好用。
首先需要安装xcode
和android studio
。
xcode
可以在下面的网址直接找到下载,这样可以不用登陆AppStore。
下载之前记得看一下自己的系统版本,然后下载不要超过自己系统版本的包。
下载地址: Xcode Releases
android studio
直接到中文官网下载。
下载地址: Android Studio
然后安装watchman
。
brew install watchman
安装ruby
直接用brew
安装吧。
brew install ruby
安装cocoapods
这玩意新版本已经禁止了各种设置源设置镜像的能力,所以只能官方地址慢慢下。
brew install cocoapods
结语
到这基本所有的环境就都装好了。不过如果你要接鼠标,爬长城,或者管理SVN之类的,还是需要一些别的软件支持的,这些就后面再说吧。https://cdn.npmmirror.com/binaries/node/v20.17.0/node-v20.17.0.pkg