Mac OSX 開發環境安裝

gistfile1.md

Mac OSX 開發環境安裝

推薦安裝的應用程式

• iTerm2 - 比內建的終端機漂亮且強大
• VSCode
• BetterTouchTool - 拖拉視窗最大化、增加特定程式的滑鼠手勢
• Magnet - 快速切換視窗位置（免費替代：VEEER）
• MacDown - 寫 Markdown 筆記方便，可以先寫好再貼到 GitHub、gist 作筆記。
• Alfred 2 - 取代內建的 Spotlight，可看 介紹。
• NoSleep - 蓋上蓋拔電源不休眠，可以隨時放電常保健康

---

Xcode

務必安裝。從 App Store 安裝。
若要用 iOS Simulator 模擬器也得裝這個。

---

homebrew

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

---

用 zsh 取代 OS X 內建的 Bash

brew install zsh zsh-completions

# 將 zsh 換成預設的 shell
chsh -s /bin/zsh

或是參考此篇 打造屬於你自己的極速 Shell「iTerm + zsh + zim + powerlevel10k」

再安裝 oh-my-zsh

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

好了之後，更改主題，編輯 ~/.zshrc

vim ~/.zshrc

按 i 進入編輯模式，找到 ZSH_THEME= 這行，改為 ZSH_THEME="dst" 後，再按 ESC 鍵，打 :wq 存檔離開。

註：也可參考其他主題配色，請看 這邊。

---

python & pip & virtualenv

會連帶安裝 pip。

brew install python --with-brewed-openssl

sudo pip install virtualenv

vim ~/.zshrc

# pip should only run if there is a virtualenv currently activated
export PIP_REQUIRE_VIRTUALENV=true
# cache pip-installed packages to avoid re-downloading
export PIP_DOWNLOAD_CACHE=$HOME/.pip/cache

若安裝 PIL 套件發生錯誤

錯誤訊息類似：

/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.9.sdk/usr/include/tk.h:78:11: fatal error: 'X11/Xlib.h' file not found

include <X11/Xlib.h>
           ^
1 error generated.

解決方式，執行：

sudo ln -s /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX10.8.sdk/System/Library/Frameworks/Tk.framework/Versions/8.5/Headers/X11/ /usr/local/include/X11

再進行安裝就可以了。

---

mongodb

brew install mongodb

# OSX 啟動時即執行 mongodb
ln -sfv /usr/local/opt/mongodb/*.plist ~/Library/LaunchAgents

# 建立 mongodb 目錄
sudo mkdir -p /data/db

# 設定權限
sudo chown `whoami` /data/db

---

Ruby

安裝 git

brew install git
brew install readline

安裝 RVM

curl -L https://get.rvm.io | bash -s stable --ruby

好了之後，可能要手動跑一下

source ~/.rvm/scripts/rvm

安裝 ruby 1.9.3

rvm install 1.9.3
rvm 1.9.3 --default

預設就是裝 2.2.1 版了，1.9.3 版已經停止維護。此步驟做參考就好。

如果不想用 ruby-sass 跟 compass 的話，也可以不裝 ruby 跟 compass。替代方案是 node-sass。

---

Compass

會連帶安裝好 Sass

gem install compass	

---

node.js

npm 在 node 0.6.3 之後已內建於 node，不必另外安裝。

這邊先安裝 nvm，node 的版本管理環境。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
nvm install -s v8.11.4
nvm alias default v8.11.4

---

pow

安裝

curl get.pow.cx | sh

pow 可以安裝 Anvil 這套 GUI 工具輔助設定

pow 使用在 python 開發時有 port 的情況

echo 8888 ~/.pow/xxx # 之後就可以用 http://xxx.內網IP.xip.io 連上囉!

---

推薦安裝的 Chrome 擴充功能

• Checker Plus for Gmail - 快速查看 Gmail
• ColorZilla - 滴管工具
• Enable Copy - 解除網頁的複製限制
• Fontface Ninja - 查看網頁中的字體
• Google Analytics Debugger - 測試埋的 GA Tracking Code 有沒有生效的工具
• Google 瀏覽內容轉送手機擴充功能 - 將正在瀏覽的頁面直接傳到手機內 (需在手機也安裝應用程式)
• HTML5 Outliner - 查看 HTML5 結構
• JavaScript Errors Notifier - 顯示 JavaScript 錯誤
• JSON Prettifier - 把 JSON 格式弄漂亮
• LiveReload
• Page Ruler - 尺規工具
• PerfectPixel by WellDoneCode - 一個 pixel 都不能差的墊圖工具
• Postman - 測試 API 神器
• 擴充功能Pretty Beautiful Javascript - 把 JavaScript 弄漂亮
• 擴充功能TJDict 線上字典
• XML Tree - 把 XML 弄漂亮
• Semantic inspector - Scheme.org 檢視工具
• QR-Code Tag Extension - 把目前瀏覽的網頁網址做成 QRCode

---

vim 設定

vim ~/.vimrc
mkdir ~/.vim/
mkdir ~/.vim/colors/
cd ~/.vim/colors/
curl -O https://raw.githubusercontent.com/sainnhe/edge/master/colors/edge.vim

set encoding=utf-8

syntax on
set ai
set shiftwidth=2
set expandtab

set ruler
set backspace=2
set ic
set hlsearch
set history=200
set cursorline
set number

colorscheme edge

觸控版設定

defaults import com.apple.AppleMultitouchTrackpad 匯出的觸控版設定檔.plist

references

git

.gitconfig

[user]
	name = patw
	email = patw.hi@gmail.com
[core]
	excludesfile = /Users/patw/.gitignore_global
[alias]
	co = checkout
	ci = commit
	st = status
	br = branch
        pd = pull origin develop
        pm = pull origin master
[push]
	default = current