目錄

0.Chinese (Simplified) Language Pack for Visual Studio Code

1.Prettier - Code formatter

2.Bracket Pair Colorizer 2 【現在新版vscode已經內置】

3.Highlight Line

4.GitLens — Git supercharged

5.Qwerty Learner? （摸魚學英語單詞的插件）

6.Luna Paint

7.vscode-drawio

8.駝峰翻譯助手

9.Trailing Spaces

---

0.Chinese (Simplified) Language Pack for Visual Studio Code

說明：簡體中文版

1.Prettier?ESLint

說明：代碼格式化，比如我經常寫有.tsx和.jsx的react項目，使用的便是這個

1.Prettier - Code formatter

說明：新公司是4格縮進派的，為了能在設置里改到插件的縮進配置，就改成了現在這個

?

2.Bracket Pair Colorizer 2 【現在新版vscode已經內置】

說明：使閉合的每組{}、[]、()顯示相同的顏色，并且不同組的括號與括號之間顏色區分開。

如何在新版vs code中開啟

?

3.Highlight Line

說明：高亮橫行顯示當前光標所在行

4.GitLens — Git supercharged

說明：當前光標的所在行會顯示一個灰色斜體的git提交記錄，顯示作者以及commit信息

（重點推薦，也是給自己一個備忘，經常忘了這個插件叫啥）

效果圖:

-----------------------------分割線------------------------------------------------------

20210507更新：

5.Qwerty Learner? （摸魚學英語單詞的插件）

6.Luna Paint

7.vscode-drawio

可以在.drawio文件里畫流程圖

8.駝峰翻譯助手

給英文菜鳥快捷根據中譯英起變量名（以前叫var-translate,現在改成純中文名了，怪不得之前搜不到）

9.Trailing Spaces

顯示標簽后面的多余空格

備注：

可以配套indent-rainbow使用?

?

總結

以上是生活随笔為你收集整理的【web前端开发】vs code插件推荐的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。