前言
Q3季度去上海出差的時(shí)候，我的 Mac（M1）因?yàn)樯?jí)了系統(tǒng)就直接卡死了，公司 IT 老哥跟我說只能重裝系統(tǒng)并且無法拿到本地文件，我當(dāng)時(shí)挺難受的??，因?yàn)槲业暮芏辔臋n都是記錄在本地的 Typora 中的，還有一些筆記之類的東西。
所以我的筆記要靠回憶一點(diǎn)點(diǎn)復(fù)原，環(huán)境要重新安裝，雖然所有的東西都是輕車熟路，但還是要一步一步的去查某個(gè)工具的安裝方法，還是有些繁瑣的??，所以在我重新安裝的時(shí)候我就記錄了一下大致的安裝過程和相對(duì)應(yīng)的網(wǎng)址，方便下次出問題的時(shí)候方便使用
還有一個(gè)建議，最好不要把重要的東西放在本地，一定要存放在云端，或者可以想我一樣，存儲(chǔ)在 Github 上。眾所周知，Github 是一個(gè)網(wǎng)盤??
Mac 前端環(huán)境配置
Homebrew
官網(wǎng)：https://brew.sh/
首先要下載的就是 Homebrew Mac 的包管理器??，必備但不自帶，我稱之為神器。就像 Linux 中的 yum、wget 一樣好用極了。
官方文檔命令下載較慢且大部分時(shí)候都是下載失敗, 可使用國內(nèi)源
官方源
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
國內(nèi)源
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/masteHomebrew.sh)"
Git
官網(wǎng)：https://git-scm.com/
這個(gè)我就不多說了，必備的代碼管理工具，因?yàn)樗悄承┌惭b的前置條件，所以最好盡早安裝。
brew install git
基本配置
git config --global user.name "你的名字或昵稱" 初始化名稱
git config --global user.email "你的郵箱" 初始化郵箱
git config --global -l 查看剛剛設(shè)置 的名稱、郵箱
// 多公鑰配置，可忽略此處，直接看下一部分
ssh-keygen -t rsa -C "你提交代碼的郵箱" 密鑰生成
cat ~/.ssh/id_rsa.pub 查看生成的公鑰，復(fù)制到 Github 等代碼庫
多公鑰配置
gitee 已經(jīng)講的很詳細(xì)了，所以直接看吧???！
https://gitee.com/help/articles/4229#article-header0
Node
官網(wǎng)：https://nodejs.org/zh-cn/
前端必備 javascript 的運(yùn)行環(huán)境。??一般的 node 管理器在版本切換的時(shí)候不起作用，是因?yàn)樵?strong>使用 brew 安裝時(shí) node 的安裝路徑不是默認(rèn)的，與類似 nvm 的管理器默認(rèn)路徑不同，所以 nvm 找不到、替換不了當(dāng)前 node 版本。
node 版本目前建議在 14 左右就好，因?yàn)楦甙姹镜?node 在 npm 安裝 node-sass 這個(gè)包的時(shí)候會(huì)出現(xiàn)安裝不上的問題，node-sass 對(duì) node 版本的要求很嚴(yán)格， 如果你的項(xiàng)目使用不到的話就無所謂了。
brew search node // 搜索 node 版本
brew install node // 安裝最新版本
brew install node@14 // 安裝指定版本
brew uninstall node@14 // 卸載指定版本
brew link --overwrite --force node@14 // 切換到指定版本
iTerm2
比 Mac 自帶的終端更好用的終端??。
這個(gè)很多人都這么說，可能是我對(duì)終端的需求范圍比較小，覺得跟自帶的終端差不多，身邊的人也大多是用它來安裝一個(gè)花里胡哨的主題。
brew install iTerm2
curl
官網(wǎng)：https://curl.se/
常用的命令行工具，用來請(qǐng)求 Web 服務(wù)器。如果熟練的話，完全可以取代 Postman 這一類的圖形界面工具。
這個(gè)確實(shí)是一個(gè)神器，灰常好用。使用方法可以看看 阮一峰 大神的介紹，很詳細(xì)了！
最近還有一個(gè)關(guān)于 curl 作者被 500 強(qiáng)公司要求為他們提供支持的新聞，鏈接我放下面了。
所以說，有些人賺錢比的是誰的臉皮厚！鏈接
brew install curl
使用文章： https://www.ruanyifeng.com/blog/2019/09/curl-reference.html
oh-my-zsh
官網(wǎng)：https://ohmyz.sh/
前置安裝：git、curl
??強(qiáng)大的 shell 終端，簡(jiǎn)單、易用。這個(gè)確實(shí)比 Mac 自帶的 bash 好用多了，屬于用了就回不去的那種。官方網(wǎng)站已經(jīng)說的很詳細(xì)了，直接看官網(wǎng)就可以
curl 方式下載
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
chsh -s /bin/zsh // 切換為zsh 重啟終端即可使用 zsh
chsh -s /bin/bash // 切換為bash 重啟終端即可使用 bash
Mysql
關(guān)系型數(shù)據(jù)庫。
不要懷疑哈??，前端環(huán)境確實(shí)是需要它。俗話說，不懂?dāng)?shù)據(jù)庫的前端不是一個(gè)好全棧，當(dāng)然也包括 Redis 緩存層。
數(shù)據(jù)庫下載：https://dev.mysql.com/downloads/file/?id=508094
打開 “系統(tǒng)偏好設(shè)置” 最下方會(huì)出現(xiàn) Mysql 的圖標(biāo)，可查看當(dāng)前 Mysql 的狀態(tài)以及各文件地址。
大部分都停留在 5.7 版本。 8.0 及以上版本的默認(rèn)為強(qiáng)密碼，在 Egg 等類似的框架上還未支持此方式連接（估計(jì)要很久以后了吧，畢竟 5.7 就跟 centos7 一樣命硬），如果鏈接過程中出現(xiàn)未支持等情況，大多數(shù)為此類原因，可以通過 “系統(tǒng)偏好設(shè)置” 中的操作面板，初始化 Mysql 為第二選項(xiàng)（非強(qiáng)密碼選項(xiàng)）即可解決。
VsCode
目前最受歡迎的編輯器，我的飯碗??。vscode 也已經(jīng)有 M1 的版本。
brew cask install visual-studio-code
vscode 的快捷命令配置還是很多的，有一些跟隨項(xiàng)目的配置文件，好用的配置插件，這里就先說兩個(gè)吧。
快捷打開編輯器
使用命令打開
打開 VS Code，打開控制面板（??P），輸入 "shell command"，在提示里看到Shell Command: Install "code" command in PATH，點(diǎn)擊安裝。
終端進(jìn)入到指定文件夾，執(zhí)行 code . || code filename 便可以使用 vscode 打開當(dāng)前文件夾
拓展插件
Markdown Preview Github Stylin
本地 md 文檔樣式上傳到 Github、npm 時(shí)，經(jīng)常出現(xiàn)本地與線上表現(xiàn)不一致的問題??。相信經(jīng)常更新 npm 包的老板們都經(jīng)歷過文檔在 Github、npm 上都展示的很丑的情況，但在本地 md 文檔上顯示很好。
此插件可在編寫時(shí)預(yù)覽本地 md 文檔在 Github 上展現(xiàn)的樣式。
Docker
官網(wǎng)：https://hub.docker.com/editions/community/docker-ce-desktop-mac
docker 也是一個(gè)前端應(yīng)該必備的工具了，做 CI/CD 必不可少的工具，了解整個(gè)前端的構(gòu)建流程。K8s 的話就有點(diǎn)遠(yuǎn)了，應(yīng)該很少有使用到容器編排的需要。
目前也有 M1 版本的了，直接官網(wǎng)下載安裝包安裝即可。
或者可以通過命令行安裝非桌面版的
brew install docker
Typora
官網(wǎng)：https://typora.io/
目前使用過的最好用的 md 文檔編輯器??。雖然它已經(jīng)開始收費(fèi)了，單但目前它的替代品跟它比確實(shí)是稍遜一籌。
到這里，基本的環(huán)境配置就差不多了！很想知道你們有沒有什么開發(fā)利器可以推薦給我！
