VScode 前端常用插件推薦


VScode安裝插件只需要點擊圖片所示按鈕,即可進入拓展,在搜索框中輸入插件名點擊安裝后,等待安裝好即可。(點擊重新加載重啟vscode使得插件生效)

當你不需要某個插件時只需要進入擴展,點擊對應插件右下角的齒輪按鈕即可選擇禁用或卸載該插件。

下載插件前先推薦一款中文版本插件(如果你像我一樣覺得看英文比較麻煩的話o(╥﹏╥)o)

Chinese (Simplified) Language Pack for Visual Studio Code

Now ShowTime(PS:推薦順序 必備 > 推薦 > 了解)

1.Auto Close Tag (必備)

自動閉合HTML/XML標簽

2.Auto Rename Tag (必備)

自動完成同一個標簽的同步修改

3.Beautify (必備)

在代碼文件右鍵鼠標一鍵格式化 html,js,css

4.Bracket Pair Colorizer (必備)

給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色

5.open in browser (必備)

VScode不像IDE一樣能夠直接在瀏覽器中打開html,而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件,支持自定義打開指定的瀏覽器,包括:Firefox,Chrome,Opera,IE以及Safari

6.Path Intellisense (必備)

自動提示文件路徑,支持各種快速引入文件

7.HTML Snippets (必備)

智能提示HTML標簽,以及標簽含義

8.Npm Intellisense(node必備)

require時的包提示

9.Vetur (推薦)(Vue必備)

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

10.Npm Intellisense(node必備)

require時的包提示

11.GitLens(使用git的必備)

方便查看git日志,git重度使用者必備

12.JavaScript(ES6) code snippets (必備)

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

13.ESLint (推薦)

js語法糾錯,可以自定義配置,不過配置較為復雜,建議使用網上一些廣泛使用的eslint配置

14.jQuery Code Snippets (推薦)

jQuery代碼智能提示

15.vscode-icons(推薦)

目錄樹圖標主題

16.filesize (了解)

查看文件大小

本文參考文檔鏈接:https://blog.csdn.net/jiandan1127/article/details/85957003


免責聲明!

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



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