Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sublime Text 入門

8,983 views

Published on

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

Published in: Technology

Sublime Text 入門

  1. 1. 工欲善其事 必先利其器Sublime Text 入門2013.05.30 by tureki
  2. 2. 今日主題
  3. 3. Sublime 介紹常用熱鍵常用插件提升效率
  4. 4. 介紹前...
  5. 5. 先看看我用過什麼編輯器
  6. 6. 順序如下DreamweaverNotepad++TextmateSublime Text其實沒用過很多~只是一用就用很久而已=_=
  7. 7. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/
  8. 8. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/
  9. 9. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/
  10. 10. http://tutorialzine.com/2012/07/battle-of-the-tools-which-is-the-best-code-editor/
  11. 11. 為什麼要改變?
  12. 12. 如果一個工具能讓你執行一個動作加快1秒而該動作一天要執行3600次
  13. 13. 那麼一天累積下來你將比在不使用工具情況下快了1小時而1個月30天則快30小時
  14. 14. 一切都是為了效率
  15. 15. Sublime Text進入正題
  16. 16. Sublime Text 是什麼?一個很有質感的跨平台程式碼編輯器。快速,功能豐富,幾乎每種程式語言都支持。它和TextMate一樣,背後有一個充滿活力的社區。在強大的插件API幫助下,很多人開發了不少好用插件。它可以運行在Linux,Windows和OSX。最重要是它無限期試用。
  17. 17. Sublime Text 特色[Goto Anything]隨心所欲跳轉到任何文件位置[Instant Project Switch]即時切換Project[Plugin API]強大的Plugin擴充API[Cross Platform]跨平台[Split Editing]分割編輯視窗[Multiple Selections]多重選擇功能允許在頁面中同時存在多個光標。[Command Palette]強大的快捷命令"可以即時搜索到相應的命令,按下Enter就可以直接執行"
  18. 18. 檔案目錄狀態程式格式程式間距程式碼縮圖Sublime Text 的佈局分頁程式碼
  19. 19. 設定位置Window Mac編輯器,插件等所有的相關幾乎都會會在 Preferences內。
  20. 20. 設定格式幾乎所有的設定都是採用JSON格式。
  21. 21. 設定權重Default系統或插件預設設定User使用者設定,可覆蓋Default的設定所以User的優先權限比Default高
  22. 22. 熱鍵/Hot Key熟悉熱鍵,提升速度。
  23. 23. 常用導覽熱鍵Ctrl + P 快速開啟檔案Ctrl + R 快速到達函示(function, class, etc...)Ctrl + G 快速到達某一行Ctrl +Shirt+ P 打開快捷命令(搜索和執行命令都靠它了)
  24. 24. 常用視窗熱鍵Ctrl+pageup 上一個分頁Ctrl+pagedown 下一個分頁Ctrl+n 開新檔案Ctrl+w 關閉檔案Ctrl+Shirt+t 重開關閉檔案Alt+Shirt+2Alt+Shirt+3Alt+Shirt+4Alt+Shirt+....將視窗分割成二
  25. 25. 常用編輯熱鍵Ctrl+x 刪除行Ctrl+d 選取單字(可重複選取相同的)Alt+F3 選取所有已選取的單字Ctrl+Shirt+↑ 和上一行交換Ctrl+Shirt+ ↓ 和下一行交換
  26. 26. 書簽熱鍵Ctrl+F2 標簽該行為書簽Ctrl+Shirt+F2 清除書簽F2 移動焦點到下一個書簽Shirt+F2 移動焦點到上一個書簽
  27. 27. 收合程式碼熱鍵[Ctrl+K,Ctrl+1] 收合第一層[Ctrl+K,Ctrl+2] 收合第二層[Ctrl+K,Ctrl+3] 收合第三層(最多到9層)
  28. 28. 不喜歡/不習慣系統預設熱鍵?
  29. 29. 更換熱鍵(Key bindings)Window Mac
  30. 30. 換掉複製貼上原本 更換後打開Key bindings User 更改後儲存即可使用。不用重開編輯器
  31. 31. 插件/Plugin善用插件,將開發時間投入要開發的功能上。
  32. 32. 安裝Package Control
  33. 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.按下Enter4.重開編輯器
  34. 34. 為何裝它?
  35. 35. 它可以讓你更方便安裝插件
  36. 36. 1.按下Crtl+Shirt+p2.輸入上Install3.選擇你要安裝的插件如何使用?
  37. 37. Package Control 常用命令Install Package 安裝插件List Package 列出你安裝過的插件Remove Package 移除插件Upgrade Package 更新插件Add Repository 新增知識庫(找不到插件時用)
  38. 38. 常用排版插件
  39. 39. Agliment對齊變數
  40. 40. JsFormatJavaScript排版
  41. 41. Tag它功能很多,但我只要它HTML排版和檢查
  42. 42. Tidy PHP功能很多~但我還是只要排版
  43. 43. DocBlockr輸入 /**按下 Tab注解產生
  44. 44. 如果Package Control找不到插件怎麼辦?
  45. 45. Add Repository透過它來新增插件來源
  46. 46. 如Github來源複製來源到Repository,按下Enter即可
  47. 47. 還有很多好用插件
  48. 48. 請善用Package Control或Google
  49. 49. Snippet將您的常用習慣給記錄起來。
  50. 50. 什麼東西?
  51. 51. 提升效率的東西
  52. 52. 將自己重覆性寫的程式碼給紀錄起來
  53. 53. 如:for , if輸入for然後按下Tab就會自動將for的程式碼代入,並且按下Tab即可移動焦點。
  54. 54. 新增SnippetWindow Mac
  55. 55. 簡單的hello範例<snippet><content><![CDATA[Hello, ${1:this} is a ${2:snippet}.]]></content><tabTrigger>hello</tabTrigger><scope>source.js</scope></snippet>
  56. 56. 打開一張.js檔案輸入hell,就能看到你剛簡單的Snippet了。Enter
  57. 57. Sublime Text樣式長時間對著有質感的編輯器,心情會好
  58. 58. 安裝Theme這樣就有很多樣式可以切換了。
  59. 59. 因為手動切換樣式很麻煩
  60. 60. 安裝Themr善用Package Control Install找不到就用Add Repository
  61. 61. 切換目前擁有的版型
  62. 62. 切換前
  63. 63. 切換後
  64. 64. 最後
  65. 65. 師父引進門,修行在個人
  66. 66. 好用的功能還很多
  67. 67. End

×