Sublime Text 入門，工欲善其事 必先利其器,熟悉熱鍵，提升速度，善用插件，將開發時間投入要開發的功能上。

1. 工欲善其事 必先利其器
Sublime Text 入門
2013.05.30 by tureki

2. 今日主題

3. Sublime 介紹
常用熱鍵
常用插件
提升效率

4. 介紹前...

5. 先看看我用過什麼編輯器

6. 順序如下
Dreamweaver
Notepad++
Textmate
Sublime Text
其實沒用過很多～只是一用就用很久而已＝＿＝

7. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/

8. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/

9. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/

10. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/

11. 為什麼要改變？

12. 如果一個工具能讓你執行一個動作加快1秒
而該動作一天要執行3600次

13. 那麼一天累積下來
你將比在不使用工具情況下快了1小時
而1個月30天則快30小時

14. 一切都是為了效率

15. Sublime Text
進入正題

16. Sublime Text 是什麼?
一個很有質感的跨平台程式碼編輯器。
快速，功能豐富，幾乎每種程式語言都支持。
它和TextMate一樣，背後有一個充滿活力的社區。
在強大的插件API幫助下，很多人開發了不少好用插件。
它可以運行在Linux，Windows和OSX。
最重要是它無限期試用。

17. Sublime Text 特色
[Goto Anything]
隨心所欲跳轉到任何文件位置
[Instant Project Switch]
即時切換Project
[Plugin API]
強大的Plugin擴充API
[Cross Platform]
跨平台
[Split Editing]
分割編輯視窗
[Multiple Selections]
多重選擇功能允許在頁面中同時存在多個光標。
[Command Palette]
強大的快捷命令"可以即時搜索到相應的命令，
按下Enter就可以直接執行"

18. 檔案目錄
狀態
程式格式程式間距
程式碼縮圖
Sublime Text 的佈局
分頁
程式碼

19. 設定位置
Window Mac
編輯器，插件等所有的相關幾乎都會會在 Preferences內。

20. 設定格式
幾乎所有的設定都是採用JSON格式。

21. 設定權重
Default
系統或插件預設設定
User
使用者設定，可覆蓋Default的設定
所以User的優先權限比Default高

22. 熱鍵/Hot Key
熟悉熱鍵，提升速度。

23. 常用導覽熱鍵
Ctrl + P 快速開啟檔案
Ctrl + R 快速到達函示(function, class, etc...)
Ctrl + G 快速到達某一行
Ctrl +Shirt+ P 打開快捷命令（搜索和執行命令都靠它了）

24. 常用視窗熱鍵
Ctrl+pageup 上一個分頁
Ctrl+pagedown 下一個分頁
Ctrl+n 開新檔案
Ctrl+w 關閉檔案
Ctrl+Shirt+t 重開關閉檔案
Alt+Shirt+2
Alt+Shirt+3
Alt+Shirt+4
Alt+Shirt+....
將視窗分割成二

25. 常用編輯熱鍵
Ctrl+x 刪除行
Ctrl+d 選取單字（可重複選取相同的）
Alt+F3 選取所有已選取的單字
Ctrl+Shirt+↑ 和上一行交換
Ctrl+Shirt+ ↓ 和下一行交換

26. 書簽熱鍵
Ctrl+F2 標簽該行為書簽
Ctrl+Shirt+F2 清除書簽
F2 移動焦點到下一個書簽
Shirt+F2 移動焦點到上一個書簽

27. 收合程式碼熱鍵
[Ctrl+K,Ctrl+1] 收合第一層
[Ctrl+K,Ctrl+2] 收合第二層
[Ctrl+K,Ctrl+3] 收合第三層(最多到9層)

28. 不喜歡/不習慣
系統預設熱鍵？

29. 更換熱鍵（Key bindings）
Window Mac

30. 換掉複製貼上
原本 更換後
打開Key bindings User 更改後儲存即可使用。不用重開編輯器

31. 插件/Plugin
善用插件，將開發時間投入要開發的功能上。

32. 安裝Package Control

33. 如何安裝？
1.按下CRTL＋`
2.貼上
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.
makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.
ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.
net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')
3.按下Enter
4.重開編輯器

34. 為何裝它？

35. 它可以讓你更方便安裝插件

36. 1.按下Crtl＋Shirt＋p
2.輸入上Install
3.選擇你要安裝的插件
如何使用？

37. Package Control 常用命令
Install Package 安裝插件
List Package 列出你安裝過的插件
Remove Package 移除插件
Upgrade Package 更新插件
Add Repository 新增知識庫（找不到插件時用）

38. 常用排版插件

39. Agliment
對齊變數

40. JsFormat
JavaScript排版

41. Tag
它功能很多,但我只要它HTML排版和檢查

42. Tidy PHP
功能很多～但我還是只要排版

43. DocBlockr
輸入 /**
按下 Tab
注解產生

44. 如果Package Control
找不到插件怎麼辦？

45. Add Repository
透過它來新增插件來源

46. 如Github來源
複製來源到Repository，按下Enter即可

47. 還有很多好用插件

48. 請善用Package Control
或
Google

49. Snippet
將您的常用習慣給記錄起來。

50. 什麼東西？

51. 提升效率的東西

52. 將自己重覆性寫的程式碼
給紀錄起來

53. 如:for , if
輸入for然後按下Tab就會自動將for的程式碼代入，並且按下
Tab即可移動焦點。

54. 新增Snippet
Window Mac

55. 簡單的hello範例
<snippet>
<content>
<![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]>
</content>
<tabTrigger>hello</tabTrigger>
<scope>source.js</scope>
</snippet>

56. 打開一張.js檔案
輸入hell,就能看到你剛簡單的Snippet了。
Enter

57. Sublime Text樣式
長時間對著有質感的編輯器，心情會好

58. 安裝Theme
這樣就有很多樣式可以切換了。

59. 因為手動切換樣式很麻煩

60. 安裝Themr
善用Package Control Install
找不到就用Add Repository

61. 切換目前擁有的版型

62. 切換前

63. 切換後

64. 最後

65. 師父引進門，修行在個人

66. 好用的功能還很多

67. End