Sublime Text 3 자주 사용되는 플러그인 및 설치 방법_javascript 기술

관련 튜토리얼: Sublime Text 3 단축키 및 컴파일 환경 구성.

Sublime Text 3 플러그인 설치 방법:

여러분, 작은 웹사이트가 살아남는 것은 전적으로 광고비에 달려 있습니다. 페이지의 광고를 클릭해 주세요. 감사합니다!

직접 설치

Sublime text 2 플러그인을 설치하는 것은 매우 편리합니다. 설치 패키지를 직접 다운로드하여 Packages 디렉터리(메뉴->preferences->packages)에 압축을 풀 수 있습니다.

패키지 제어 구성 요소를 사용하여 설치

패키지 제어 구성 요소를 설치한 후 온라인으로 직접 설치할 수도 있습니다.

1. Ctrl `를 눌러 콘솔을 불러옵니다(참고: QQ 입력 방법이 설치된 경우 이 단축키가 충돌합니다. 입력 방법 속성 설정 - 입력 방법 관리 - QQ 병음으로 전환하려면 단축키 취소)

2. 하단 명령줄에 다음 코드를 붙여넣고 Enter 키를 누릅니다.

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())

1.重啟Sublime Text 3。

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

順便貼下Sublime Text2 的程式碼

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_pa​​ckages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else Nonell;lib2. 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')

如果這種方法不能安裝成功，可以到這裡下載檔案手動安裝。

用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程式碼的方法》。

 

emmet

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

jQuery Package for sublime Text

如果你離不開jQuery的話，這個必備～～

Sublime Prefixr

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

 

Sublime Prefixr

JS Format

一個JS程式碼格式化外掛。

SublimeLinter

一個支援lint語法的插件，可以高亮linter認為有錯誤的程式碼行，也支援高亮一些特別的註釋，例如“TODO”，這樣就可以被快速定位。 （IntelliJ IDEA的TODO功能很贊，這個插件雖然比不上，但是也夠用了吧）

SublimeLinter

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的所有功能。

總結

好吧，大概就這些，如果你有常用的插件或擴展，歡迎推薦。 Sublime Text 3真是個一見鍾情的編輯器，每次和別人聊到編輯器時必薦的。 。 。