Sublime Text 2外掛程式推薦

標籤：style   http   java   使用   strong   檔案   

必裝Package Control

使用Ctrl+`快速鍵或者通過View->Show Console菜單開啟命令列，粘貼如下代碼：

import urllib.request,os; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb‘).write(urllib.request.urlopen( ‘http://sublime.wbond.net/‘ + pf.replace(‘ ‘,‘%20‘)).read())

安裝建立方法

Preference-> Package Control->install Package,然後輸入外掛程式名稱，此種為線上安裝方法，要求有網路

Emmet

Emmet（譯者註：前身就是以前大名鼎鼎的Zen Coding，這個如果你沒聽說和使用過，就悲哀了）是一個可以讓你更快更高效地編寫HTML和CSS，節省你大量時間的外掛程式。怎麼使用？你只需按約定的縮寫形式書寫而不用寫整個代碼，然後按“擴充”鍵，這些縮寫就會自動擴充為對應的代碼內容。

具體參考官網: http://emmet.io/

CanIUse

如果您想檢查瀏覽器是否支援你包括在你的代碼中的CSS和HTML元素，那麼這是你需要的外掛程式。所有您需要做的就是選擇有疑問的元素，外掛程式將為你做其餘的事情。

Alignment

 

這個外掛程式讓你能對齊你的代碼，包括 PHP、CSS 和 Javascript。代碼看起來更簡潔和可讀，便於編輯。您可以查看下面的圖片來明白我說的意思。

快速鍵：按Ctrl+Alt+A，可以是淩亂的代碼以等號為準左右對其，適合有代碼潔癖的朋友。

Theme soda

安裝完之後要啟用主題，開啟 Preferences → Global Settings – User，加上以下代碼儲存即可生效：

"theme": "Soda Light.sublime-theme" 或者 "theme" : "Soda Dark.sublime-theme"

jsFormat外掛程式

格式化js：選中一段文本，control+alt+f。

convertToUTF

如名

Jquery

如名

Sublime CodeIntel

代碼自動提示，相當好用

CSS Compact Expand CSS 屬性展開收縮

每個人寫CSS都有不同的風格，有些人喜歡寫成一行，有些人喜歡寫成多行，各有各的好處，我倒喜歡將CSS寫成一行，這樣能減少CSS檔案大小，且螢幕能顯示更多的Class方便尋找。如果閱讀別人的代碼不符合自己的習慣，可以用CSS Compact Expand這個外掛程式將CSS格式化一下，按 Ctrl+Alt+[ 收縮CSS代碼為一行顯示，按 Ctrl+Alt+] 展開CSS代碼為多行顯示，此外掛程式由sublime textQQ群裡一個牛人封裝。

 

CSScomb CSS 屬性排序（好像需要機器有 php ）

有時候看看自己寫的CSS檔案，會不會覺得屬性很亂尋找不易維護難？CSScomb可以按照一定的CSS屬性定序，將雜亂無章的CSS屬性進行重新排序。選中要排序的CSS代碼，按C trl +S hift + C，即可對CSS屬性重新排序了，代碼從此簡潔有序易維護，如果不款選代碼則外掛程式將排序檔案中所有的CSS屬性。當然，可以自己自訂CSS屬性定序，開啟外掛程式目錄裡的CSScomb.sublime-settings檔案，更改裡面的CSS屬性順序就行了