我常用的sublime text 插件

Package Control

功能:安裝包管理

簡介:sublime插件控制檯,提供添加、刪除、禁用、查找插件等功能

使用:https://sublime.wbond.net/installation

安裝方法:

  1. CTRL+` ,出現控制檯
  2. 粘貼以下代碼至控制檯

ST2:

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None;urllib2.install_opener( 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')

ST3:

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

安裝install package一直失敗解決方法

通過代碼的方式安裝install package,一直提示網絡連接失敗。找了很多方法才解決掉

1、代碼的方式安裝失敗,是因爲無法下載Package Control 主文件,需要我們手工下載到本地

下載地址:https://github.com/wbond/package_control, 直接下載 .zip,解壓之後,把文件夾名稱修改爲“Package Control”。注意:首字母大寫

2、點擊Preferences->Browse Packages,打開一個文件夾,複製剛纔的“Package Control”文件到該目錄下面。

3、重啓sublime,如果出現以下報錯:

“It appears you have Package Control installed as both a .sublime-package file and a directory inside of the Packages folder.”

 
   To fix this issue, please:
  1. Open the "Preferences" menu
  2. Select "Browse Packages\u2026"
  3. Delete the folder "Package Control"
  4. Restart Sublime Text

  刪除Installed Packages目錄下的,刪除 0_package_control_loader.sublime-package 文件,

4、在 "Preferences -> Package Settings -> Package Control -> Settings User" 中新添加一個項 "channels"

{
    "channels":["https://raw.githubusercontent.com/SuCicada/channel_v3.json/master/channel_v3.json"],}

如果出現不能安裝包的情況改爲如下方式:

"channels":
[
    "https://raw.githubusercontent.com/BeanTeam/sublime-text/master/channel_v3.json"
],

5、完美解決

Emmet

功能:編碼快捷鍵,前端必備

簡介:Emmet作爲zen coding的升級版,對於前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http://docs.emmet.io/)上看下具體的演示視頻。

使用:教程-http://docs.emmet.io/cheat-sheet/http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

emmet

SublimeCodeIntel

  一個全功能的 Sublime Text 代碼自動完成引擎 ,本人做過對比,但是如果和webstorm的自動尋找還是稍遜一籌,不過對於大部分人來說夠用了,能很方便跳到你想要的方法

  支持的語言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)

  • BracketHighlighter

  配置文件的高亮設置,讓你的代碼有不同的顏色區分該插件提供配對標籤,或大括號或字符引號的配對高亮顯示,算是對系統高亮的加強吧。 

JSFormat

功能:JavaScript的代碼格式化插件

簡介:很多網站的js代碼都進行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來很喫力。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等,是代碼一目瞭然,更快讀懂~

使用:在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認快捷鍵(Ctrl+Alt+F)

jsFormat

SideBarEnhancements
側欄右鍵功能增強,非常實用

使用方法(參考鏈接內容):http://www.w3cfuns.com/notes/13810/d9b9ed2fb80785dae88a5344ef0f30d4.html

LESS

功能:LESS高亮插件

簡介:用LESS的同學都知道,sublime沒有支持less的語法高亮,所以這個插件可以幫上我們

使用:打開.less文件或者設置爲less格式

less

 

Bracket Highlighter

功能:代碼匹配

簡介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮標記,便於查看起始和結束標記

使用:點擊對應代碼即可

highlight

Git

功能:Git管理

簡介:插件基本上實現了git的所有功能

使用:https://github.com/kemayo/sublime-text-git/wiki

git

jQuery

功能:jQ函數提示

簡介:快捷輸入jQ函數,是偷懶的好方法

jquery

Doc​Blockr

功能:生成優美註釋

簡介:標準的註釋,包括函數名、參數、返回值等,並以多行顯示,手動寫比較麻煩

使用:輸入/*、/**然後回車,還有很多用法,請參照

https://sublime.wbond.net/packages/DocBlockr

basic function-template

Color​Picker

功能:調色板

簡介:需要輸入顏色時,可直接選取顏色

使用:快捷鍵Windows: ctrl+shift+c

i5KI6SBAfs7Qk

ConvertToUTF8

功能:文件轉碼成utf-8

簡介:通過本插件,您可以編輯並保存目前編碼不被 Sublime Text 支持的文件,特別是中日韓用戶使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI等。ConvertToUTF8 同時支持 Sublime Text 2 和 3。

使用:安裝插件後自動轉換爲utf-8格式

uy67y

Nodejs

功能:node代碼提示

教程:https://sublime.wbond.net/packages/Nodejs

ZCFcC

IMESupport

功能:sublime中文輸入法

簡介:還在糾結 Sublime Text 中文輸入法不能跟隨光標嗎?試試「IMESupport 」這個插件吧!目前只支持 Windows,在搜索等界面不能很好的跟隨光標。

使用:Ctrl + Shift + P →輸入pci →輸入IMESupport →回車

c1608aa0gw1e9dmrd3vxpg209y08d75x

Trailing spaces

功能:檢測並一鍵去除代碼中多餘的空格

簡介:還在糾結代碼中有多餘的空格而顯得代碼不規範?或是有處女座情節?次插件幫你實現發現多餘空格、一鍵刪除空格、保存時自動刪除多餘空格,讓你的代碼規範清爽起來

使用:安裝插件並重啓,即可自動提示多餘空格。一鍵刪除多餘空格:CTRL+SHITF+T(需配置),更多配置請點擊標題。快捷鍵配置:在Preferences / Key Bindings – User加上代碼(數組內)

1

{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }

spac

GBK Encoding Support

功能:中文識別

簡介:Sublime Text 2可識別UTF-8格式的中文,不識別GBK和ANSI,因此打開很多含中文的文檔都會出現亂碼。可以通過安裝插件GBK Support,來識別GBK和ANSI。

使用:

  • Open a GBK File
  • Save file with GBK encoding
  • Change file encoding from utf8 to GBK or GBK to utf8

zxdcsaf

safsaf

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章