Sublime Text安裝和使用

Sublime text插件功能很強大，必需要安裝

1.直接安裝

安裝Sublime text 2插件很方便，能夠直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。

2.使用Package Control組件安裝

也能夠安裝package control組件，而後直接在線安裝：

1. 按Ctrl+`調出console（注：安裝有QQ輸入法的這個快捷鍵會有衝突的，輸入法屬性設置-輸入法管理-取消熱鍵切換至QQ拼音）
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;open(os.path.join(ipp,pf),'wb').write( urllib2.urlopen ('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
3. 重啓Sublime Text 2。
4. 若是在Perferences->package settings中看到package control這一項，則安裝成功。

若是這種方法不能安裝成功，能夠到這裏下載文件手動安裝。

用Package Control安裝插件的方法：

1. 按下Ctrl+Shift+P調出命令面板
2. 輸入install 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件。

不爽的是，有的網絡環境可能會不容許訪問陌生的網絡環境從而設置一道防火牆，而Sublime Text 2貌似沒法設置代理，可能就獲取不到安裝包列表了。
好，方法介紹完了，下面是本文正題，一些有用的Sublime Text 2插件：

GBK Encoding Support

對應gb2312來講，Sublime Text 2 本生不支持的，咱們能夠經過Ctrl+Shift+P調出命令面板或Perferences->Package Contro,輸入install 調出 Install Package 選項並回車，在輸入「GBK Encoding Support」選擇開始安裝，左下角狀態欄有提示安裝成功。這時打開gbk編碼的文件就不會出現亂碼了，若是有須要轉成utf-8的能夠在File- GBK to UTF8-選擇Save with UTF8就偶看了。

Zen Coding

這個，不解釋了，還不知道ZenCoding的同窗強烈推薦去看一下：《Zen Coding: 一種快速編寫HTML/CSS代碼的方法》。

PS:Zen Coding for Sublime Text 2插件的開發者已經中止了在Github上共享了，如今只有經過Package Control來安裝。

jQuery Package for sublime Text

若是你離不開jQuery的話，這個必備～～

Sublime Prefixr

Prefixr，CSS3 私有前綴自動補全插件，顯然也頗有用哇

JS Format

一個JS代碼格式化插件。

SublimeLinter

一個支持lint語法的插件，能夠高亮linter認爲有錯誤的代碼行，也支持高亮一些特別的註釋，好比「TODO」，這樣就能夠被快速定位。（IntelliJ IDEA的TODO功能很贊，這個插件雖然比不上，可是也夠用了吧）

Placeholders

故名思意，佔位用，包括一些佔位文字和HTML代碼片斷，實用。

Sublime Alignment

用於代碼格式的自動對齊。傳說最新版Sublime 已經集成。

Clipboard History

粘貼板歷史記錄，方便使用複製/剪切的內容。

DetectSyntax

這是一個代碼檢測插件。

Nettuts Fetch

若是你在用一些公用的或者開源的框架，好比 Normalize.css或者modernizr.js，可是，過了一段時間後，可能該開源庫已經更新了，而你沒有發現，這個時候可能已經不太適合你的項目了，那麼你就要從新折騰一遍或者繼續用陳舊的文件。Nettuts Fetch可讓你設置一些須要同步的文件列表，而後保存更新。

JsMinifier

該插件基於Google Closure compiler，自動壓縮js文件。

Sublime CodeIntel

代碼自動提示

Bracket Highlighter

相似於代碼匹配，能夠匹配括號，引號等符號內的範圍。

Hex to HSL

自動轉換顏色值，從16進制到HSL格式，快捷鍵 Ctrl+Shift+U

GBK to UTF8

將文件編碼從GBK轉黃成UTF8，快捷鍵Ctrl+Shift+C

Git

該插件基本上實現了git的全部功能。

---

部分轉載自 http://www.ueder.net/2012/03/

1. 項目文件夾瀏覽： sublime不一樣於np++，它是基於項目管理，側邊欄能夠導入正在開發的項目文件夾，(ctrl+k,ctrl+b)快捷鍵能夠開關側欄(ps: 這裏逗號分隔的兩個快捷鍵表明按下ctrl的同時先按K再按B，這種方式大大增長了快捷鍵的使用有效率),同時右鍵菜單裏能夠remove folder移除文件夾

2. 文件快速導航： 這是sublime上面很好用的功能之一，ctrl+p能夠調出窗口，菜單上的解釋是goto anythings ，確實如其所言，調出窗口後，直接輸入關鍵字，能夠在已打開的項目文件夾中進行快速文件名導航，並且支持模糊搜索 ，對於不想一直鼠標點開文件夾的同窗來講極爲方便，而且在該窗口裏加上:前綴即爲行跳轉(ctrl+G)，加上@(ctrl+R)前綴在html裏是id 關鍵字導航，css裏是每條規則導航，js裏則是每一個function導航。

3. 命令行模式 ctrl+` 能夠調出命令行模式，主要支持python語法等，沒試用過只知 quit()能夠退出 。。不過sublime的插件平臺package controller能夠用命令行安裝，詳見這裏

4. ctrl+up, ctrl+down能夠一行一行的滾動屏幕，pageUp pageDown一頁一頁翻動

5. ctrl+j是拼合兩行，ctrl+shift+d是直接複製當前行，

6. ctrl+/ 單行註釋， ctrl+shift+/塊註釋，sublime會自動根據語言選擇註釋方式

7. ctrl+L 選擇當前行，ctrl+d 選擇當前文字塊，ctrl+shift+a 能夠HTML標籤內容，每按一次逐級往上， ctrl+shift+space能夠選擇js等語言裏的塊{內容}, ctrl+shift+F 是文件夾裏查找，與普通編輯不一樣的地方是sublime容許添加多個文件夾進行查找(add directory)

8. 在 菜單View-syntax下能夠將當前面面以指定的語言進行語法高亮，一般狀況下sublime會自動進行判斷選擇

9. ctrl+F2能夠進行標記，而後F2在標記之間切換，這裏不爽的是沒法進行鼠標添加標記

10. snippets 代碼片斷插件 ，在tools-snippets菜單下能夠查看當前頁面支持的snippets，能夠在縮略詞後加tab自動補全snippets， snippets也能夠從安裝插件進行擴展

11. Build編譯，能夠進行ruby等代碼的編譯，我安裝了一個yui compressor後，就能夠在css js頁面裏進行壓縮，快捷鍵是ctrl+B, 會自動在當前目錄下生成xx.min.js, xx.min.css等壓縮文件

12. 在菜單Preferences 下面是各類配置文件，sublime與其餘編輯器不一樣的是，他不提供可視化配置，軟件的配置及快捷鍵配置全都是存在.xml文件裏手動配 置，Settings-default 是系統默認配置，最好不要改，要改動的東西存放 在Settings-User裏，好比font-size等， Key-bindings是快捷鍵配置, color scheme是代碼配色方案選擇，sublime自己提供了不少很不錯的配色方案

13. 在頁面右下角，有快速設置tab轉爲spaces的菜單，能夠指定頁面的tab寬度，也能夠將頁面全部tab轉爲指定的spaces格數

接下來介紹一下sublime的亮點，插件機制：
sublime插件能夠經過兩種方式進行插件安裝，一種直接下載全部源碼放置到C:\Users\yourName\AppData\Roaming \Sublime Text 2\Packages下面，另外一種則能夠經過在線安裝 package control的方式進行在線安裝，
package control安裝見其官網，就是在控制檯裏運行以下一段代碼，再重啓便可：

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'

安裝完便可在菜單preferences-package control下打開（這裏有個快捷鍵ctrl+shift+p是編輯器操做的命令集合，能夠直接根據關鍵字索引，省卻菜單欄尋找的過程），在 package control下 Install Package是安裝插件，選擇後會連網獲取插件列表，disabled package 是禁用某插件，enabled package 啓用插件，remove package 移除插件，list package列出插件列表。

下面介紹幾個我以爲比較有用的插件，及它的功用吧（安裝方法直接package control install 在線搜索安裝）：
1. BracketHighlighter ：該插件提供配對標籤，或大括號或字符引號的配對高亮顯示，算是對系統高亮的增強吧。

2. ClipboardHistory： 該插件提供多剪貼板支持，你就能夠同時保存多個剪貼板裏的內容了，ctrl+alt+v快捷鍵調出

3. DocBlockr ：該插件提供文件註釋，方便後期根據註釋生成API文檔，輸入 「/**」 + enter調出 (在function的上面一行纔有效果)

4. GBK Encoding Support: sublime自己不支持GBK，根據國情，裝下這個插件就能夠支持GBK了，同時也提供GBK與UTF之間轉換

5. jquery 提供jquery的一些snippets片斷 ，方便直接調用

6. JS Minifer 提供js壓縮功能，基於GG的closure complier，快捷鍵：ctrl+alt+M

7. js Format 提供JS格式化功能，快捷鍵 ctrl+alt+F

8. prefixr 提供CSS3屬性的瀏覽器前綴自動填充像-webkit- -moz- -o- -m-, 快捷鍵：ctrl+alt+x

9. yui compressor 這個你們都知道yui的壓縮工具，能夠壓縮CSS JS，直接CTRL+B，便可（須要安裝配置了jdk以後纔可用）

10. sublime v8 該插件提供jshint 及 v8引擎的js解析器console，jshint是JS語法校驗器，較嚴格， v8則跟chrome裏控制檯同樣。

11. zenCoding 大名鼎鼎的zencoding就不用多解釋， 調用方式兩種，一種是ctrl+alt+enter, 一種是輸入完標籤直接tab。

12. html5 該插件提供許多 html5相關的標籤等snippets，也很是實用。

13. SFTP 該插件提供ftp服務器管理，用來管理本身的空間很不錯，經過配置來操做