macOS Sierra 開發環境配置指南

本文來自於我自己配置兩台 macOS 開發環境的過程,主要記錄一些常用的配置技巧

系統設置

更改計算機名稱

macOS 默認的計算機名稱「xx的xx」,我一般會把這個名字改成英文,在命令行中看起來會漂亮一點。修改 系統設置-共享-電腦名稱 即可

觸控板

  • 設置輕點觸控板為滑鼠點擊
  • 設置三指拖動

Finder

  • 開啟新 Fidder 窗口時打開 桌面
  • 執行搜索時 搜索當前文件夾
  • 顯示所有文件擴展名

其它

  • 系統偏好設置-鍵盤-輸入法-自動切換到文稿輸入法 應用切換的時候會保持原來的輸入法不變
  • 桌面空白處右鍵-排序方式-貼緊網格 右鍵整理圖標的時候就會按網格排列

開發環境設置

安裝 Command line tools

方便後續編譯安裝其它應用

xcode-select --installn

安裝 brew

一般命令行的工具,或者開發環境包都用 brew 來安裝。GUI 的應用直接去網站下載安裝包即可,App Store 我一般用來購買安裝一些收費軟體

打開命令行執行下面的命令來安裝 brew

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

使用下面的命令替換 brew 源為中科大鏡像

# 替換brew.git:ncd "$(brew --repo)"ngit remote set-url origin https://mirrors.ustc.edu.cn/brew.gitnn# 替換homebrew-core.git:ncd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"ngit remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.gitn

由於 brew 安裝下載源碼包有時是用 curl 的,所以可以配置下 curl 來走 番習習牆 代理,我一般在配置文件中設置 vim ~/.curlrc

socks5 = "127.0.0.1:1080"n

安裝 Zsh & oh-my-zsh

Zsh 是一種 shell,功能和 bash, csh 一樣,用來和操作系統交互

# 安裝 zshnbrew install zshn# 安裝 oh-my-zsh 插件n# 更換默認 shell 為 zshnchsh -s /bin/zshnsh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"n

安裝成功的話會有下面的提示

安裝自動補全提示插件 zsh-autosuggestions

git clone git://github.com/zsh-users/zsh-autosuggestions ~/.zsh/zsh-autosuggestionsnsource ~/.zsh/zsh-autosuggestions/zsh-autosuggestions.zshn

安裝/配置 iTerm2

下載 並安裝,打開 Preferences 偏好設置

  • General 關閉 Native full screen windows 我不使用系統的全屏(因為有過渡動畫),是為了使用全局快捷鍵 立即 調出命令行
  • Profiles-Window-Transparency 設置透明度 10%~20% 即可,太高會和桌面背景衝突。如果需要臨時禁用透明度可以使用快捷鍵 ?+u
  • Keys-Hotkey 設置全局顯示隱藏快捷鍵 系統級別的快捷鍵設置為 ?+

最佳實踐,啟動 iTerm2 後按 ?+enter 全屏,然後 ?+ 隱藏它,這時候就可以做別的事情去了。任何時間想再用 iTerm2 只需要按 ?+ 即可

brew 常用工具

下面這些都是用 brew 安裝的,即 brew install xxx

htop

用來查看當前運行的程序,top 命令的升級版

tree

顯示文件為樹形菜單

? keelii.github.io tree . -L 2n.n├── config.tomln├── contentn│ ├── aboutn│ └── archivesn├── deploy.shn├── publicn│ ├── 2016n...n│ └── tagsn└── themesn └── octo-enhancenn17 directories, 8 filesn

httpie

使用比 curl 簡單多了,而且還有一些代碼高亮的效果

vim

安裝 vim 添加一些默認的模塊和編程語言支持 cscope, lua, python 並且覆蓋系統默認的 vim

brew install vim --HEAD --with-cscope --with-lua --with-override-system-vim --with-luajit --with-pythonn

安裝 vim-plug

curl -fLo ~/.vim/autoload/plug.vim --create-dirs https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vimn

autojump

方便在命令行中快速跳轉目錄,安裝後程序會讀取你 cd 過的目錄並存起來,方便後面用快捷方式調用,支持模糊匹配。注意: autojump 只會記錄安裝後使用 cd 命令進入過的目錄

yarn

npm 的替代品,Production Ready。如果系統中安裝過 node,就使用 yarn --without-node 命令只安裝 yarn 工具

安裝 python pip

下載 get-pip.py 在命令行中使用 python 運行這個文件

sudo python get-pip.pyn

更改各種程序語言包源

ruby - .gemrc

gem sources --add https://mirrors.tuna.tsinghua.edu.cn/rubygems/ --remove https://rubygems.org/ngem sources -lncat ~/.gemrcn---n:backtrace: falsen:bulk_threshold: 1000n:sources:n- https://mirrors.tuna.tsinghua.edu.cn/rubygems/n:update_sources: truen:verbose: truen

node - .yarnrc/.npmrc

cat ~/.yarnrcnregistry "https://registry.npm.taobao.org"ndisturl "https://npm.taobao.org/dist"nelectron_mirror "http://cdn.npm.taobao.org/dist/electron/"nnode_inspector_cdnurl "https://npm.taobao.org/mirrors/node-inspector"nsass_binary_site "http://cdn.npm.taobao.org/dist/node-sass"n

dotfiles 配置文件

可以參照我的 dotfiles 配置文件

其它 GUI 應用

  • The Unarchiver ? 解壓工具
  • Magent ? 排列窗口
  • Itsycal ? 簡潔版日曆
  • Snip ? 屏幕截圖
  • Snappy ? 屏幕截圖、修改分享
  • Karabiner-Elements ? 改鍵器, 改鍵方案參照上篇
  • AppCleaner 2 ? 卸載應用
  • licecap for mac ? 錄製 gif 圖片
  • Go2shell ? Finder 當前目錄打開命令行

博客文章同步:MacOS Sierra 開發環境配置指南


推薦閱讀:

前端那些炫酷、實用、又好玩的效果、、、、
造輪子系列之——定時任務服務
圖表庫源碼剖析 - Chart.js 最流行的 Canvas 圖表庫

TAG:macOS | 开发环境 | 前端开发 |