vscode 推薦擴展

1.Auto Close Tag

輸入 HTML/XML 的開始標籤，自動完成對應的閉合標籤

2.Auto Rename Tag

修改 HTML/XML 標籤時，自動完成匹配標籤的修改。修改標籤很是方便。

3.Beautify

美化 javascript, JSON, CSS, Sass, and HTML（和Prettier二選一）

4.Better Comments

讓你的註釋更加美觀

5.Bookmarks

很是好用的書籤功能

6.Bracket Pair Colorizer

不一樣配對括號顯示不一樣顏色，更容易識別

7.Code Runner

在 vscode 裏直接執行代碼

8.Code Spell Checker

拼寫檢查，能夠避免不少 coding 過程當中的拼寫錯誤問題。強烈推薦！

9.Debugger for Chrome

使用 Chrome DevTools 調試 JavaScript，在 vscode 裏直接打斷點調試，調試 node 之類的很是方便

10.GitLens — Git supercharged

很是強大的 git 擴展插件

11.Guides

輔助線顯示

12.Subtle Match Brackets

爲選中匹配的括號加上下劃線，方便閱讀

13.SVG Viewer

SVG 預覽

14.vscode-fileheader

國產插件，自動生成文件頭部信息，好比做者，建立時間，更新時間等，而且有會自動更新，很是實用。惋惜是做者好久沒更新了。

15.vscode-icons

給你的文件添加好看的 icon

16.vscode-paste-image-to-qiniu

支持截圖粘貼上傳圖片到七牛

17.Emoji

18.ESLint

19.Document This

20.File Peek

• Peek：內聯加載文件並在那裏進行快速編輯。（Ctrl+Shift+F12）
• 轉到：直接跳轉到文件或在新編輯器中打開它（F12）
• 懸停：用鼠標懸停在符號上顯示定義（Ctrl+hover）

21.Git Blame

22.vetur 目前比較好的Vue語法高亮

23.Font-awesome codes for html

24.Prettify

JSON 格式化JSON

25.StandardJS

26.vscode-element-helper

27.CSS Peek

前端 vscode 插件推薦
VSCode 拓展插件推薦——提升 Node 和 Vue 開發效率
awesome-vscode