Sublime Text 入門

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

Transcript

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