Sublime Text常用快速鍵及外掛程式配置

標籤：

最常用快速鍵

Control+`控制台     Shift+cmd+P命令選擇區     cmd+F(Control+F)尋找    option+cmd+F尋找替換

cmd+/(Control+/)給選中行添加或去掉注釋

cmd+Z(Control+Z)撤銷      cmd+Y(Control+Y)恢複撤銷

外掛程式的安裝配置

啟用Package Control的方法：

菜單View——Show Console(該步驟或者用Control+`實現)開啟控制台介面，貼入相關係統下的pyhon代碼並斷行符號——重啟Sublime Text

安裝外掛程式：

cmd+Shift+P(Control+Shift+P)開啟命令選擇區——install Package斷行符號——輸入或選擇要安裝的外掛程式斷行符號即可完成安裝。

常用的Sublime Text外掛程式

Emmet外掛程式：實現功能(html:5—>Ctrl+E代碼自動補全)

SFTP：直接編輯FTP或SFTP伺服器上的檔案

YUI Compressor:壓縮JS和CSS檔案

Minify：壓縮JS

JSFormat：格式化代碼用，按Control+alt+F格式化代碼(已壓縮的JS檔案)

SideBarEnhancements：側邊欄按目錄顯示

CodeIntel：方法名之類的智能提示，代碼自動提示

autoprefixer：CSS添加私人首碼。CSS還未標準化，因而要給各大瀏覽器一個首碼以解決相容問題。

                   使用方法：Ctrl+Shift+P,選擇autoprefixer即可。需要安裝node.js

snippets：程式碼片段功能，把我們常用的代碼分別儲存起啦，然後通過外掛程式的形式來反覆調用

convertToUTF8：轉碼外掛程式

Prettify：HTML、CSS、JS、JSON……使用Ctrl+Shift+H一鍵格式化

Theme：Soda選擇皮膚

Git：提供Git常用的命令集合

AutoFileName自動提示路徑外掛程式

示範snippets外掛程式的用法

1 <snippet>2     <content><![CDATA[ 你需要插入的程式碼片段${1:name} ]]></content>3     <!-- 可選：快速鍵，利用Tab自動補全代碼的功能 -->4     <tabTrigger>xyzzy</tabTrigger>5     <!-- 可選：使用範圍，不填寫代表對所有檔案有效。附：source.css和test.html分別對應不同檔案。 -->6     <scope>source.python</scope>7     <!-- 可選：在snippet菜單中的顯示說明（支援中文）。如果不定義，菜單則顯示當前檔案的檔案名稱。 -->8     <description>My Fancy Snippet</description>9 </snippet>

${1:name}表示代碼插入後，游標所停留的位置，可同時插入多個。其中:name為自訂參數（可選）。
${2}表示代碼插入後，按Tab鍵，游標會根據順序跳轉到相應位置（以此類推）。

看下面的執行個體：

 1 <snippet> 2      <content> 3      <![CDATA[ 4      <footer> 5           <p>Copyright © 2008-2012 ${1:bluesdream}.com</p> 6           <p>增值電信業務經營許可證 滬B2-${2} <a href="#">滬ICP備號${3}</a> </p> 7      </footer> 8      ]]> 9      </content>10      <tabTrigger>cft</tabTrigger>11      <description>custom-footer</description>12      <scope>text.html</scope>13 </snippet>

建立完畢以後，儲存在\Packages\User目錄下（例 X:\Sublime Text 2.0\Data\Packages\User），檔案命名為cft-code，尾碼名.sublime-snippet。

此時我們開啟一個html檔案，輸入cft，再按Tab鍵，剛才我們所編寫的程式碼片段，就插入了進來。並且此時的游標停留在我們所標記的${1}位置 處，如果我們再按下Tab，那麼游標就跳轉到${2}的位置。由於我們在scope中定義了僅在html檔案中使用，所以此時如果我們開啟的是css或其 他格式的檔案，那將無法插入程式碼片段。

補充：除了利用快速鍵Tab出代碼之外，我們還能通過菜單來載入，開啟Tools > Snippet，選擇Snippet: custom-footer。如果你沒有定義description，那此時便會看到以我們檔案名稱為命名的Snippet: cft-code選項。

         

 

Sublime Text常用快速鍵及外掛程式配置