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

doodlewind發表於2017-12-31

如果新年你準備換臺 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 這樣的高效工具。因此這裡只列出儘可能少而直接的內容,希望對大家有所幫助~若有遺漏或補充,歡迎指出哦 ?

相關文章