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 ${檔案/目錄}開啟指定檔案/目錄

沒有留言:

張貼留言