1. 程式人生 > >sublime text3 常用外掛

sublime text3 常用外掛

使用Package Control元件安裝


也可以安裝package control元件,然後直接線上安裝:


1、按Ctrl+`調出console(注:避免熱鍵衝突)
2、貼上以下程式碼到命令列並回車:
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())
    3. 重啟Sublime Text 3。


    4. 如果在Perferences->package settings中看到package control這一項,則安裝成功。




Ctrl+Shift+P調出命令面板,輸入install 調出 Install Package 選項並回車


1、快速編譯html/css的方法  
Emmet
2、支援html5規範的外掛包
html5
3、支援jQuery規範的外掛包
jQuery
4、JS程式碼格式化外掛
JSFormat(快捷鍵ctrl+alt+f)
5、一個支援lint語法的外掛,可以高亮linter認為有錯誤的程式碼行,也支援高亮一些特別的註釋
SublimeLinter
6、類似於程式碼匹配,可以匹配括號,引號等符號內的範圍。
BracketHighlighter
7、程式碼對齊
Alignment(快捷鍵Ctrl+Alt+A)
8、註釋外掛,生成幽美的註釋。標準的註釋,包括函式名、引數、返回值等,並以多行顯示,省去手動編寫。
Doc​Blockr
9、css調色盤
ColorPicker
10、補全src、href檔案路徑
AutoFileName
11、CSS屬性排序。 
CSScomb
12、CSS格式化。使用方法:右鍵-》CSS format-》Expanded 
CSS Format
13、GBK編碼相容。
ConvertToUTF8
14、寫HTML程式碼時,輸入“>”就會自動產生相應的閉合標籤</>。
Auto Close HTML Tags
15、node程式碼提示 
Nodejs
16、格式化HTML程式碼。 

HTMLBeautify

17、js自動補全

sublimeCodeIntel

JavaScript Completions【支援javascript原生語法提示】

18、關聯CSS檔案,智慧提示css檔案中的類名

CSS Extended Completions