非常實用的Sublime插件集合 – sublime推薦必備插件


插件介紹

***Package Control***

功能:安裝包管理

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

使用方法:

    1、安裝好控制台,如有不能正常調用 Package Control,可以參考上一篇文章內容解決。

          解決方案: https://www.cnblogs.com/show2008/p/10882891.html

     2、啟動插件:按快捷方式 Ctrl+Shift+P  打開 Package Control 窗口(左圖)

          輸入查詢 Install Package,選擇進入 安裝頁面(右圖)

  

然后就可以安裝必須的插件包了。比如:

 

(1)Emmet

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

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

使用教程:http://docs.emmet.io/cheat-sheet/

 (2)JSFormat  /  CodeFormatter

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

簡介:很多網站的JS代碼都進行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來很吃力。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等,使代碼一目了然,更快讀懂~ 我電腦上安裝JSFormat 不起作用,后面找到 CodeFormatter,同樣可以實現功能。

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

 (3)LESS

功能:LESS高亮插件

簡介:sublime支持less的語法高亮,我們看起來更清晰。

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

 (4)Sublimerge

  功能:文本對比

  簡介:將二個標簽頁並排,方便同時瀏覽二份文件,檢視兩份內容的差異性

  使用:同時打開兩個文件,右擊其中一個文件,選擇Sublimerge --> Compare To...

 

(5)Alignment

功能:”=”號對齊

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

使用:默認快捷鍵Ctrl+Alt+A和QQ截屏沖突,可設置其他快捷鍵如:Ctrl+Shift+Alt+A;先選擇要對齊的文本

 

 (6)Clipboard History

功能:粘貼板歷史記錄

簡介:方便使用復制/剪切的內容

使用:

  • Ctrl+alt+v:顯示歷史記錄
  • Ctrl+alt+d:清空歷史記錄
  • Ctrl+shift+v:粘貼上一條記錄(最舊)
  • Ctrl+shift+alt+v:粘貼下一條記錄(最新)

 (7)Bracket Highlighter

功能:代碼匹配

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

使用:點擊對應代碼即可,標簽自動匹配。

(8)AutoFileName

功能:快捷輸入文件名

簡介:自動完成文件名的輸入,如圖片選取

使用:輸入”/”即可看到相對於本項目文件夾的其他文件

autofilename

(9)SublimeCodeIntel

 

打開菜單如下(英文模式為Perferences->Package Settings->SublimeCodeIntel->Setting - Defalut),打開SublimeCodeIntel配置文件。

 
 
 "JavaScript": { "codeintel_scan_extra_dir": [], "codeintel_scan_exclude_dir":["/build/", "/min/"], "codeintel_scan_files_in_project": false, "codeintel_max_recursive_dir_depth": 2, "codeintel_selected_catalogs": ["javaScript"] },
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM