Sublime Text 2

Sublime Text 2是目前覺得最好用的文字編輯器。(subl3雖然是beta，但也越來越多人使用了)

跟Eclipse, Aptana比起來開發前端又簡潔又快，而且有相當多的第三方套件支援。tuts+有一系列的影片介紹：Perfect Workflow in Sublime Text 2。 Ubuntu安裝方式如下：

1
2
3

sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update
sudo apt-get install sublime-text

推薦安裝的套件有：

  • Sublime Package Control：這應該是第一個要裝的套件，有了它之後、安裝和管理套件都方便許多。
  • SublimeCodeIntel：支援多種語言的自動提示功能。
  • Emmet：前身是Zen coding，對於快速產生HTML & CSS提供很多的幫助。
  • BracketHighlighter：游標置於文件內的括號時，會有高亮顯示的效果，對於判斷程式碼範圍很有幫助。
  • JsFormat：幫助javascript排版，提升可閱讀性。
  • LiveReload：可以不用重整就在瀏覽器即時顯示javascript, css的異動。在做prototype時非常方便。
  • EasyMotion：手不想要離開鍵盤編輯檔案的話，這是一個實用的套件。操作演示
  • FindKeyConflicts：查詢安裝的套件熱鍵是否有衝突，並列出套件支援的熱鍵。通常用來查看plugin有支援哪些快捷鍵。
  • SideBarEnhancements：加強side bar維護檔案的功能。必裝。
  • Open-Include：依據路徑可以快速打開檔案。給定查詢條件搜索完相關檔案後可以一次打開多個檔案、非常便利。
  • Git：整合git進行版本控管。
  • Gist：可以方便取用及維護gist。方便把樣板文件從gist拉回來。
  • Modific：支援Git, SVN, Bazaar and Mercurial等版本控制，會在文本中顯示即時異動部分。
  • InputHelper：在ubuntu下的subl2要輸入中文需要安裝這個套件，mac不需要安裝即支援輸入中文。
  • IMESupport：改善windows輸入中文時的顯示方式。
  • Sublime-jslint：依據jslint檢查javascript是否遵循好的寫法。
  • SublimeLinter：支援多種語言的語法檢查。

另外還寫了一個「關閉除了現有檔案」的功能，將以下程式碼儲存為close_others.py放在Packages/User下：

1
2
3
4
5
6
7

import sublime, sublime_plugin

class CloseOthersCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        window = self.view.window()
        group_index, view_index = window.get_view_index(self.view)
        window.run_command("close_others_by_index", { "group": group_index, "index": view_index})

然後在Default (OSX).sublime-keymap(Preference - key binding)中加入以下指令即可使用： { "keys": ["super+shift+w"], "command": "close_others" },