首頁 >開發工具 >sublime >sublime實用插件推薦

sublime實用插件推薦

青灯夜游
青灯夜游原創
2018-09-26 18:03:2616002瀏覽

sublime是個神器,它所支援的擴充和插件十分實用,本章推薦給大家幾款sublime實用的插件,有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

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

其他方法:

如果以上方法無法安裝,請使用下面的方法

1、選擇選單:Preferences > Browse Packages

2、開啟sublime外掛程式安裝套件資料夾

3、下載檔案並複製到開啟的資料夾

4、重啟sublime

Emmet

sublime實用插件推薦

sublime實用插件推薦

sublime實用插件推薦

#################################################################################功能:編碼快捷鍵,前端必備######簡介:Emmet作為zen coding的升級版,對於前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http ://docs.emmet.io/)上看下具體的示範影片。 ######使用:教學-###http://docs.emmet.io/cheat-sheet###、###http://peters-playground.com/Emmet-Css-Snippets-for -Sublime-Text-2/###########################JSFormat############################################################################################################。功能:Javascript的程式碼格式化外掛程式######簡介:許多網站的JS程式碼都進行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來很吃力。而這個插件能幫我們把原始程式碼進行格式的整理,包括換行和縮排等等,是程式碼一目了然,更快讀懂~######使用:在已壓縮的JS檔案中,右鍵選擇jsFormat或使用預設快捷鍵(Ctrl Alt F)#########################LESS###############功能:LESS高亮外掛######簡介:用LESS的同學都知道,sublime沒有支援less的語法高亮,所以這個外掛可以幫上我們######使用:開啟.less檔或者設定為less格式############

Less2CSS

#功能:編譯Less

簡介:監控到檔案改動時,編譯儲存為. css檔案

使用:開啟.less文件,編寫程式碼儲存即可看到同時產生.css的文件,如果沒有則需要安裝node。不建議用這種方法編譯,要嘛用koala,要嘛就用grunt編譯。

Alignment

功能:」=」號對齊

##簡介:變數定義太多,長短不一,可一鍵對齊

使用:預設快速鍵Ctrl Alt A和QQ截圖衝突,可設定其他快速鍵如:Ctrl Shift Alt A;先選擇要對齊的文字

sublime實用插件推薦

sublime-autoprefixer

功能:CSS新增私有前綴

#簡介:CSS還未標準化,所以要給各大瀏覽器一個前綴以解決相容問題

使用:Ctrl Shift P,選擇autoprefixer即可。需要安裝node.js。

其他設定如快捷鍵請參考:

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

sublime實用插件推薦

Clipboard History

功能:貼上闆歷史記錄

簡介:方便使用複製/剪下的內容

使用:

Ctrl alt v:顯示歷史記錄

Ctrl alt d:清空歷史記錄

Ctrl shift v:貼上一筆記錄(最舊)

#Ctrl shift alt v:貼上下一筆記錄(最新)

sublime實用插件推薦

#Bracket Highlighter##功能:程式碼符合

簡介:可配對[], (), {}, 「」, 」, ,高亮標記,以查看起始和結束標記

#使用:點選對應程式碼即可

Git

功能:git管理

簡介:外掛基本上實作了git的所有功能

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

sublime實用插件推薦

DocBlockr

功能:產生優美註釋

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

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

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

sublime實用插件推薦

sublime實用插件推薦

#ColorPicker

# #功能:調色盤

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

使用:快速鍵Windows: ctrl shift c

sublime實用插件推薦

sublime實用插件推薦

sublime實用插件推薦

#ConvertToUTF8

#功能:檔案轉碼成utf-8

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

使用:安裝外掛後自動轉換為utf-8格式#########################AutoFileName####### ########功能:快速輸入檔名######簡介:自動完成檔名的輸入,如圖片選取######使用:輸入」/”即可看到相對於本專案資料夾的其他檔案############

IMESupport

#功能:sublime中文輸入法

簡介:還在糾結Sublime Text 中文輸入法不能跟隨遊標嗎?試試“IMESupport ”這個插件吧!目前只支援 Windows,在搜尋等介面不能很好的跟隨遊標。

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

1sublime實用插件推薦

以上是sublime實用插件推薦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多