超好用的文字編輯器 - Sublime Text 2－About Time

最近想找一個好用得文字編輯器來寫 Web，之前一直是在 Netbeans 下面開發 Web，Netbeans

開發起來也蠻容易的，但是我覺得最大的缺點就是在它包太多東西了，所以開久了總覺得很

頓。找了許久，看到一堆人使用 Vim，我也學習了一下，發現真得非常強大，自訂性超級

高，Plugin 也是一堆，不過要記得指令也一堆，我還是有點不習慣，後來找到了 Sublime Text

2，還蠻容易上手的，介面也蠻漂亮的，目前就已 Sublime Text 2 來開發吧!

以下是整理自 mrkt 大所介紹的 Sublime Text 和從網路上找到的資料:

HotKey

1. 「Ctrl + Shift+ P」: Show Command Palette

2. 「Ctrl + `」: Show Command Line

Note: This symbol ` is up on TAB key.

3. 「Ctrl + K, B」: Show Side bar

4. 「Ctrl + PageDown」 or 「Ctrl + PageUp」 : 順著頁籤的順序做檔案的切換

「Ctrl + Tab」 or 「Ctrl + Shift + Tab」

「Alt + 數字鍵」: 明確一點的切換已經開啟的檔案

5. Goto Command : 「Ctrl + P」: Goto Anything，顯示快速切換文件的命令列

「Gtrl + R」or「Ctrl + P + @」: Goto Symbol，列出程式文件中的function，並且快速移到function的位置

「Ctrl + G」or 「Ctrl + P + :」: Goto Line，快速的移動到文件中指定的行數

「Gtrl + P + #」: 能夠很快地在目前文件中找到定義的符號（曾經使用了那些變數名稱，卻一時之間無法很快找到時）

6. 「F11」: Full Screen

7. 「Ctrl + L」: Expand Selection to Line

8. Select Word :「Ctrl + D」, try repeatedly like Ctrl + DDDDDD

「Alt+F3」(Windows/Linux)

「Ctrl+Command+G」(Mac)

8. 「Shift + F11」: 無干擾模式(Distraction Free Mode)

Note: Setting with Distraction Free Mode : Preference → File Settings – More → Distraction Free
→ User

9. Toggle Menu: 「Ctrl + Shift + P」→ Input "Menu" → Choose View : Toggle Menu

10. Install Package Control : http://wbond.net/sublime_packages/package_control

11. Package Repository : http://wbond.net/sublime_packages

Note: 可以使用 Package Control 安裝 Package。

「Ctrl + Shift + P」→ 輸入 Install Package → Choose Package → Install Package → Restart Sublime Text

12. Packages Management Using 「Package Control」

List Packages : 「Ctrl + Shift + P」→ Input "List Packages"

Disable Package :「Ctrl + Shift + P」→ Input "Disable Package" → Choose Package to disable → Restart Sublime Text

Enable Package :「Ctrl + Shift + P」→ Input "Enable Package" → Choose Package to enable → Restart Sublime Text

Upgrade Package : 「Ctrl + Shift + P」→ Input "Upgrade Package"

Note: This operation will check version of package.If package have new version, then update package

Upgrade/Overwrite All Packages : 「Ctrl + Shift + P」→ Input "Upgrade/Overwrite All Packages"

Note: This operation will check version of package.If package have new version, then overwrite packages.By the way, package setting will be overwrite.

Remove Package :「Ctrl + Shift + P」→ Input "Remove Package" → Choose Package to remove → Restart Sublime Text

13. View Layout : Single : 「Alt + Shift + 1」

Column 2 : 「Alt + Shift + 2」

Column 3 : 「Alt + Shift + 3」

Column 4 : 「Alt + Shift + 4」

Row 2 : 「Alt + Shift + 8」

Row 3 : 「Alt + Shift + 9」

Grid : 「Alt + Shift + 5」

Theme and Color Theme

Theme:

1. Soda Theme : https://github.com/buymeasoda/soda-theme/

Color Theme:

1. Twilight

Package List

1. WordCount : https://github.com/SublimeText/WordCount

即時顯示目前輸入字數的Package，當然有可以顯示既有檔案的字數，不過呢…只能計算英數字，對於中文字就不行

2. Theme Switcher : https://github.com/skt84/Themr

透過 Command Palette來做Theme的切換

3. Alignment : http://wbond.net/sublime_packages/alignment

https://github.com/khiltd/Abacus

4. Goto Symbol : https://github.com/crazycooder/Goto-Symbol

5. Prefixr : https://github.com/wbond/sublime_prefixr

Usage

Open a CSS file
Place cursor inside of a CSS block
Press ctrl+alt+x on Windows and Linux, or cmd+ctrl+x on OS X

Running a selections from individual CSS blocks produces the best looking results. Running a selection that spans multiple CSS blocks may change the indent level due to the way Prefixr works.
6. Block Cursor : https://github.com/netpro2k/SublimeBlockCursor
7. Fetch : https://github.com/weslly/Nettuts-Fetch
8. Snippet : jQuery Bundle : https://github.com/mrmartineau/jQuery
9. Zen Coding : https://bitbucket.org/sublimator/sublime-2-zencoding
10. SublimeLinter : https://github.com/Kronuz/SublimeLinter
11. HTML5 : https://github.com/mrmartineau/HTML5
12. SideBarEnhancements : https://github.com/titoBouzout/SideBarEnhancements
13. TrailingSpaces : https://github.com/SublimeText/TrailingSpaces
14. TodoManager : https://github.com/tanepiper/sublime-todomanager
15. SublimeCodeIntel : https://github.com/Kronuz/SublimeCodeIntel
16. BracketHighlighter : https://github.com/facelessuser/BracketHighlighter
17. JsBeautifier : https://github.com/kriswill/sublime-text-jsbeautifier
18. Surround : https://github.com/mgnandt/sublime-text-surround
19. JsFormat : https://github.com/jdc0589/JsFormat