Sublime Text2: Javascript 開發環境設定

使用ST2開發也有一段時間，是時候整理一下開發環境的設定了。本篇文章僅針對Javascript/Node.js開發環境。

套件

使用套件之前記得先安裝Package Manager (安裝方式參考這裡)。

• BracketHighlighter:以較明顯的方式顯示目前程式區段的開頭與結尾
• DocBlockr:建立註解的小幫手
• Git:Git控制台，可直接在sublime中執行git的指令
• GitGutter:顯示新增/刪除/修改的程式碼區塊
• Javascript Snippets:常用javascript程式碼片段
• JS Snippets:常用javascript程式碼片段2
• JsFormat:程式碼格式工具
• JSLint:程式碼檢查工具
• Live Reload:即時於瀏覽器上重新載入更新的檔案
• NodeJS:Node.js支援，包含常用函式、執行node.js等
• SideBarEnhancements:增加側邊欄的功能，如檔案/資料夾的操作、搜尋等
• SublimeTODO:TODO/FIXME/WARN管理
• TernJS:提供code completion, jump to definition等功能

路徑設定

ST2的預設路徑為/usr/bin:/bin:/usr/sbin:/sbin，而許多程式並不是放在這些路徑裡面(ex: node)，要透過以下方式來修改：

先到~/Library/Application Support/Sublime Text 2/Packages/User/，新增隨便一個.py

import os

LOCAL = '/usr/local/bin:/usr/local/sbin:'
HOME = '/Users/fin'  ### !!! 請用改成你自己的家目錄 !!! ###

# Sublime's default path is
# /usr/bin:/bin:/usr/sbin:/sbin
os.environ['PATH'] += ':'
os.environ['PATH'] += LOCAL

print 'PATH = ' + os.environ['PATH']

指令列

呼叫ST2編輯指定檔案/目錄

ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" /usr/bin/subl

於您的profile(ex: bash_profile)中加入以下設定

function e {
    subl $@ &;
}

以後再指令列只要輸入e .就能夠直接用ST2開啓所在目錄，或是e ${檔案/目錄}開啟指定檔案/目錄