新年新起點：從零配置 Mac 前端環境速查

若是新年你準備換臺 Mac、重裝 Mac 系統或者升級老 Mac 硬盤，這篇文章或許能成爲一份不錯的 Checklist 哦。

編寫這篇指南的契機是筆者的 Mac 剛剛換了 SSD，又須要重裝系統了……上一次換工做的時候也重裝過一次，而 Mac 相關工具鏈的配置每次都比以前顯得更加繁瑣。所以這裏整理出把它配置到面向前端開發者趁手狀態的通用性工具的最小集合，僅供參考哦。

點擊下文子項標題可直接定位到相應工具官網。

命令行工具

下面幾項是必備的命令行工具，甚至能夠建議團隊強制統一使用。

oh-my-zsh

省心的終端，命令行安裝便可：

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
複製代碼

XCode 開發者工具

在安裝 Oh My Zsh 時會自動提示安裝，不然沒法使用 git / gcc 等命令。手動安裝方式：

xcode-select -p
複製代碼

Git 能用之後，記得在 ~/.ssh 裏配置好公鑰，並用 git config --global --edit 配置好你的名字哦。

Homebrew

Mac 上流行的包管理器，一樣終端安裝。安裝後終端查看 brew 命令便可確認狀態。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
複製代碼

NVM

很是建議使用 nvm 管理 node 版本，而非直接安裝 node.js 官網的 pkg 安裝包。安裝方式：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
複製代碼

Node

安裝 NVM 後，nvm ls-remote 查看版本，nvm install xxx 安裝你想要的版本便可。

CNPM

穩定的國內鏡像，安裝完成 Node 後，npm install -g cnpm 便可。

GUI 插件

這類插件的共同特色是很是影響 GUI 行爲，且平時根本不須要打開。雖然這類插件有不少，但過多使用此類插件會使得你在使用同事的 Mac 時都很是不習慣。所以僅列出兩個我的評價最高的：

Go2Shell

支持從 Finder 一鍵打開終端，和 open . 命令互補起來很是方便。

這個軟件安裝時很容易抽風，不妨嘗試在 Finder 工具欄上右鍵選擇 圖標和文本 並來回切換來增長安裝成功率……

Better Touch Tool

它自帶了相似 Win7 的窗口左右分屏功能，還能夠配置在按下 ctrl 時移動鼠標直接縮放當前窗口，很是很是適合前端同窗調試響應式佈局……配置方式：

-> Advanced
-> Advanced Settings
-> Window Moving & Resizing
-> 勾選某個快捷鍵，如 ctrl
-> 關掉其它無用配置，如自動更新、Menubar 圖標等
複製代碼

GUI 開發者應用

前端要幹活的最小依賴只有這麼兩個：

• Chrome 等瀏覽器及相關插件（這部分能夠單獨開一篇文章梳理）。
• VSCode 等編輯器及相關插件（一樣足夠單獨開文章梳理）。

GUI 平常應用

這類應用很是多，在此只列出筆者我的最經常使用的若干，以避免感受裝漏了什麼……

• 輸入法
• QQ / Wechat
• Thunder / 雲盤
• IINA 播放器
• PhotoShop
• Office
• Markdown 編輯器（如 MacDown 或 Typora）
• SS 客戶端

系統配置定製

這部份內容很是因人而異，筆者我的偏好包括這麼幾項：

• 啓用 Finder 暗色主題
• 開啓觸摸板的三指拖拽和輕觸點擊
• 清理 Dock 無用圖標，歸類 Launchpad 到一頁內
• 清理通知中心
• F1 ~ F12 由功能鍵換成 Fn 鍵
• 配置 Finder 左側的快捷入口，並把默認目錄改成 下載
• 配置終端主題

Wrap up

還不夠多嗎？折騰一個全新安裝的桌面系統確實須要很多時間精力，而且也沒有相似 Docker 這樣的高效工具。所以這裏只列出儘量少而直接的內容，但願對你們有所幫助~如有遺漏或補充，歡迎指出哦 😀