집 >웹 프론트엔드 >JS 튜토리얼 >Sublime Text 3 자주 사용되는 플러그인 및 설치 방법_javascript 기술

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

WBOY원래의: 2016-05-16 15:25:273200검색

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_packages_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可以讓你設定一些需要同步的檔案列表，然後儲存更新。