用sublimetext 2進行前端開發也有一段時間了，所謂「工欲善其事必先利其器」，前幾日對照著網易課程又重新溫習總結了一下有關sublimetext編輯器的使用方式，有所收穫，在此進行一次小小的總結。
1.前端開發工具的類別
前端開發工具可以分為兩種類別：
（2）ide(整合開發環境)：webstorm，intellij idea，eclipse等；
前者小而輕，後者大而全。
2.sublimetext編輯器的優勢
（1）跨平台，啟動快；
（2）支援多行選擇；
（3）擁有眾多實用外掛程式；
（4）snippets功能快速新增實用**片段；(注意檔名一定要用sublime-snippets結尾)
（5）支援vim相容模式；
3.sublimetext常用快捷鍵
（1）查詢：ctrl + p +
：（查詢行）ctrl+g
@（查詢具體符號）ctrl+r （查詢所有css選擇器！）
#（查詢關鍵字）ctrl+；
注意：mac下部分快捷鍵不同。
（2）開啟命令面板：ctrl + shift + p；
（3）多行選擇：ctrl + d；ctrl + shift + l；alt+f3（選中全部）
（4）跳過所選項：ctrl + k；
mac環境下：
（1）摺疊**：alt + cmd + [
（2）開啟**：alt + cmd + ]
（4）瀏覽器開啟：fn + f12
（5）css排序：fn + f5
（6）建立**環境： 開啟命令面板 + ssh（set syntax html）
（7）切換標籤頁：cmd + shift + [
4.sublimetext常用外掛程式
（1）packagecontrol乙個用於方便管理外掛程式的外掛程式，可對外掛程式進行新增，更新，解除安裝；
（2）emmet乙個用於簡寫html，css**的外掛程式；
（3）docblockr乙個方便產生函式注釋的外掛程式；
（4）sidebarenhancements乙個右鍵選單增強工具的外掛程式；
（5）terminal乙個可以在sublime中直接開啟命令列終端的外掛程式；
（6）csscomb乙個控制css排序的外掛程式，配合fn + f5使用；
5.sublimetext常用外掛程式使用方式
（1）emmet
emmet提供了便利的html與css值縮寫方式，給開發工作帶來了極大的便利。
html常用的值縮寫有：
① 宣告文件型別
② 快速新增標籤屬性和內容
③ 快速建立標籤結構
css常用的值縮寫有：
① 一般屬性值縮寫
② @font-face
③ 瀏覽器私有屬性的簡寫
其他快捷鍵：
除了上述值縮寫外，emmet還提供了一些很有用的快捷鍵：
① 標籤刪除與改寫
② 數學計算
只需要鍵入算式，如3+7，再使用 ⇧⌘y（蘋果） / shift+ctrl+y（windows）即可求出答案，省去了開啟計算器和心算的麻煩。
③ 快速新增的尺寸與大小
在的url中使用快捷鍵shift+ crtl + i（蘋果）即可自動生成的寬高資料。
（2）docblockr
一款很方便新增函式注釋的外掛程式，只需要鍵入"/**"即可快捷方便的生成規範化的函式注釋，但外掛程式未新增作者和時間的資訊，如需新增還請移步這篇文章
以上。
Sublime Text 2 編輯器實用技巧
sublime text 2 是一款相當棒的編輯器，難怪大家極力推薦，一回經過簡單使用後就喜歡上了它，雖然它仍在 beta 版並且有一些存在的問題無法解決，仍讓一回對其愛之有加，推薦。歡迎同樣喜歡這款編輯器的朋友能加入提供實用技巧。快捷鍵 ctrl p 這裡面有技巧，比如希望搜尋如下路徑的檔名並開啟...
實用的文字編輯器 Sublime Text 2
用了一段時間的 sublime text 2 以下下簡稱st2 感覺比其他輕量級文字編輯器好用很多,開啟很快,目前最新版本為2.01,在此簡單介紹下基本功能的使用 一 sublime text 2 基本功能 1.文字操作 ctrl l 選擇整行 按住 繼續選擇下行 ctrl kk 從游標處刪除至行尾...
Sublime Text2搭建Sass編輯環境
2.用package control安裝如下外掛程式 sass sass build 3.為了對中文的支援，安裝convert to utf 8外掛程式。同時sublime text2不支援中文編譯路徑，在它的安裝目錄下有乙個檔案sublime plugin.py。新增 reload sys sys...