很是實用的Sublime插件集合 – sublime推薦必備插件

插件介紹

***Package Control***

功能:安裝包管理html

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

使用方法:git

    一、安裝好控制檯,若有不能正常調用 Package Control,能夠參考上一篇文章內容解決。github

          解決方案: https://www.cnblogs.com/show2008/p/10882891.htmlsublime-text

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

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

  

而後就能夠安裝必須的插件包了。好比:編碼

 

(1)Emmetspa

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

簡介: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

相關文章
相關標籤/搜索