日期: 2016 年 9 月 25 日

Sublime

Sublime Text 3 使用筆記

Posted on by baddychiang

主選單功能

  • View→Layout 畫面切割
  • View→Slidbar 側邊攔
  • Goto→Goto Anything 尋找檔案或資料夾
  • Goto→Goto Anything :50 尋找檔案或資料夾，並跳到第50行
  • Goto→Goto Symbol 尋找特定標籤(id、class等)

熱鍵

  • Ctrl+[ 、 Ctrl+] 向左向右縮排
  • Ctrl+Enter 插入至下一行
  • Ctrl+Shift+Enter 插入至上一行
  • Ctrl+L 選取單行
  • Ctrl + D  選擇下個相同程式碼
  • Alt+ F3 全選相同相同程式碼
  • Ctrl+` 開啟命令視窗
  • Ctrl+Shift+P→[install package] 安裝package

常用套件

  • Emmet  (HTML、CSS快速輸入語法)
  • HTMLPrettify (HTML、CSS、JS排版)
  • Trailing Spaces (檢測是否有多餘空白)
  • Emmet LiveStyle (同步新增CSS內容)
  • Goto-CSS-Declaration (追蹤CSS，熱鍵：微軟+.)
  • ColorPicker (CSS色盤，熱鍵：Ctrl+Shift+C。)

 

文章參考資料

  1. 一小時上手 Sublime Text 3 網頁編輯器
  2. 常用熱鍵及套件之投影片
  3. Subtime Text 3 官方套件列表
0