VSCode常見插件安裝

VSCode(Visual Studio Code)是由微軟開發(fā)的一款免費,跨平臺的文本編輯器,由于其豐富的插件功能和卓越的性能,成為目前前端開發(fā)中一款比較受歡迎的編輯器。VSCode提供了大量的擴展和插件,其中對于前端開發(fā)比較常用的有以下幾項:

1. Chinese(Simplified) Language

主要功能:VSCode漢化,提供漢語界面。


Chinese(Simplified) Language
2. vscode-icon

主要功能:為vscode中的文件及文件夾提供特殊的圖標,文件格式一目了然。


vscode-icon

icon展示
3. open-in-browser

主要功能:右鍵一鍵選擇,在默認瀏覽器中打開當前界面。


open-in-browser
4. Auto Close Tag

主要功能:自動閉合HTML/XML標簽


Auto Close Tag
5. Auto Rename Tag

主要功能:自動完成另一側(cè)標簽的同步修改


Auto Rename Tag
6. Code Spell Checker

主要功能:自動檢測輸入的單詞拼寫是否正確,錯誤時會給出提示,并且給出建議,對于英語不太擅長的同學來說很有幫助。


Code Spell Checker
7. Bracket Pair Colorizer

主要功能:給括號加上不同的顏色,便于區(qū)分不同的區(qū)塊,使用者可以定義不同括號類型和不同顏色


Bracket Pair Colorizer

Screenshot
8. HTML CSS Support

主要功能:智能提示CSS類名以及id。


HTML CSS Suppor

Screenshot
9. JavaScript(ES6) code snippets

主要功能:ES6語法智能提示,以及快速輸入,不僅僅支持.js,還支持.html,.vue等,省去了配置其支持各種包含js代碼文件的時間


JavaScript(ES6) code snippets
10. Path Intellisense

主要功能:自動提示文件路徑,支持快速引入文件;


Path Intellisense
11. HTMLHint

主要功能:HTML代碼檢測;


HTMLHint
12. Beautify

主要功能:格式化代碼,對HTML、CSS、JS進行格式化對齊顯示;


Beautify
13. GitLens

主要功能:能顯示每一行代碼的作者以及提交時間;方便查看git日志。


GitLens

Screenshot
14. Git History

主要功能:查看git日志以及圖表和詳細信息,查看文件的歷史記錄(Git日志)或文件中的行歷史(Git Blame)


Git History
15. Vetur

主要功能:Vue多功能集成插件,包括:語法高亮,智能提示,emmet,錯誤提示,格式化,自動補全,debugger。vscode官方欽定Vue插件,Vue開發(fā)者必備。


Vetur
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • vscode是微軟開發(fā)的的一款代碼編輯器,就如官網(wǎng)上說的一樣,vscode重新定義(redefined)了代碼編輯...
    陽光嘚猴子閱讀 3,474評論 0 3
  • 一直以來,大家對開發(fā)的代碼編輯器都沒有一個最好的選擇,而vscode是我發(fā)現(xiàn)速度相對快,對于新版的html css...
    云翼飛閱讀 11,300評論 0 2
  • 安裝http server插件,安裝完成后按下f1,然后輸入http會看到下面兩個選項,選擇with curren...
    吳憲峰閱讀 32,121評論 1 28
  • 基于Vue的一些資料 內(nèi)容 UI組件 開發(fā)框架 實用庫 服務端 輔助工具 應用實例 Demo示例 element★...
    嘗了又嘗閱讀 1,276評論 0 1
  • 晚自習開始前,教室里一群孩子在說笑鬧,個個都歡脫的不得了。同事邊和我聊天邊吃一小碗串串,轉(zhuǎn)眼功夫就圍上來一群,串串...
    若然一默閱讀 124評論 0 6

友情鏈接更多精彩內(nèi)容