'VS code 你們都在用嗎？或許你們需要看一下(配置類插件)篇'

在前端開發中，有一個非常好用的工具，Visual Studio Code，簡稱VS code。

都不用我安利VS code，大家就會乖乖的去用，無數個大言不慚的攻城獅，都被VS code比德芙還絲滑的強大功能所折服。

我是來給大家安利插件的，想做個比較全面的插件集合給大家。網上的我也看過一些，但是都比較零散，時間也久了一些，我結合最近的情況，總結一下

配置類插件：

1.Settings Sync

最好用的插件，沒有之一，一臺電腦配置好之後，其它的幾臺電腦都不用配置。新機器登錄一下就搞定了。再也不用折騰環境了，

使用GitHub Gist同步多臺計算機上的設置，代碼段，主題，文件圖標，啟動，鍵綁定，工作區和擴展。

2.Debugger for Chrome

從VS Code調試在Google Chrome中運行的JavaScript代碼。

用於在Google Chrome瀏覽器或支持Chrome DevTools協議的其他目標中調試JavaScript代碼的VS Code擴展。

3.beautify

格式化代碼工具

美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代碼。

4.Atuo Rename Tag

修改 html 標籤，自動幫你完成頭部和尾部閉合標籤的同步修改

5.中文（簡體）語言包

Chinese (Simplified) Language Pack for Visual Studio Code

將界面轉換為中文，對英語不好的人，非常友好。例如我。。。

6.Code Spell Checker

代碼拼寫檢查器

一個與camelCase代碼配合良好的基本拼寫檢查程序。

此拼寫檢查程序的目標是幫助捕獲常見的拼寫錯誤，同時保持誤報數量較低。

7.vscode-icons

顯示Visual Studio代碼的圖標，目前該插件已被vscode內部支持："文件" -> "首選項" -> "文件圖標主題"

8.guides

顯示代碼對齊輔助線，很好用

9.Rainbow Brackets

為圓括號，方括號和大括號提供彩虹色。這對於Lisp或Clojure程序員，當然還有JavaScript和其他程序員特別有用。

效果如下：

10.Bracket Pair Colorizer

用於著色匹配括號

11.Indent-Rainbow

用四種不同顏色交替著色文本前面的縮進

12.filesize

在狀態欄中顯示當前文件大小，點擊後還可以看到詳細創建、修改時間

13.Import Cost

對引入的計算大小

14.Path Intellisense

可自動填充文件名。

15.WakaTime

從您的編程活動自動生成的度量標準，見解和時間跟蹤。

16.GitLens

git日誌查看插件

GitLens 增強了 Visual Studio Code 中內置的 Git 功能。例如 commits 搜索，歷史記錄和和查看代碼作者身份，還能通過強大的比較命令獲得有價值的見解等等

17..REST Client

REST客戶端允許您直接發送HTTP請求並在Visual Studio Code中查看響應。

18.Npm Intellisense

用於在 import 語句中自動填充 npm 模塊

require 時的包提示（最新版的vscode已經集成此功能）

19.Azure Storage

VS Code的Azure存儲擴展允許您部署靜態網站並瀏覽Azure Blob容器，文件共享，表和隊列。按照本教程從VS Code部署Web應用程序到Azure存儲。

20.Project Manager

它可以幫助您輕鬆訪問項目，無論它們位於何處。不要再錯過那些重要的項目了。您可以定義自己的收藏項目，或選擇自動檢測VSCode項目，Git，Mercurial和SVN存儲庫或任何文件夾。

從版本8開始，您就有了專門的項目活動欄！

以下是Project Manager提供的一些功能：

• 將任何項目保存為收藏夾
• 自動檢測VSCode，GIT中，水銀或SVN存放區
• 在相同或新窗口中打開項目
• 識別已刪除/重命名的項目
• 一個狀態欄標識當前項目
• 專門的活動欄

21.Language Support for Java(TM) by Red Hatredhat.java

這個插件，這個下載次數，安裝就對了。

22.Todo Tree

此擴展可以快速搜索（使用ripgrep）您的工作區以獲取TODO和FIXME等註釋標記，並在資源管理器窗格的樹視圖中顯示它們。單擊樹中的TODO將打開文件並將光標放在包含TODO的行上。

找到的TODO也可以在打開的文件中突出顯示。

"

在前端開發中，有一個非常好用的工具，Visual Studio Code，簡稱VS code。

都不用我安利VS code，大家就會乖乖的去用，無數個大言不慚的攻城獅，都被VS code比德芙還絲滑的強大功能所折服。

我是來給大家安利插件的，想做個比較全面的插件集合給大家。網上的我也看過一些，但是都比較零散，時間也久了一些，我結合最近的情況，總結一下

配置類插件：

1.Settings Sync

最好用的插件，沒有之一，一臺電腦配置好之後，其它的幾臺電腦都不用配置。新機器登錄一下就搞定了。再也不用折騰環境了，

使用GitHub Gist同步多臺計算機上的設置，代碼段，主題，文件圖標，啟動，鍵綁定，工作區和擴展。

2.Debugger for Chrome

從VS Code調試在Google Chrome中運行的JavaScript代碼。

用於在Google Chrome瀏覽器或支持Chrome DevTools協議的其他目標中調試JavaScript代碼的VS Code擴展。

3.beautify

格式化代碼工具

美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代碼。

4.Atuo Rename Tag

修改 html 標籤，自動幫你完成頭部和尾部閉合標籤的同步修改

5.中文（簡體）語言包

Chinese (Simplified) Language Pack for Visual Studio Code

將界面轉換為中文，對英語不好的人，非常友好。例如我。。。

6.Code Spell Checker

代碼拼寫檢查器

一個與camelCase代碼配合良好的基本拼寫檢查程序。

此拼寫檢查程序的目標是幫助捕獲常見的拼寫錯誤，同時保持誤報數量較低。

7.vscode-icons

顯示Visual Studio代碼的圖標，目前該插件已被vscode內部支持："文件" -> "首選項" -> "文件圖標主題"

8.guides

顯示代碼對齊輔助線，很好用

9.Rainbow Brackets

為圓括號，方括號和大括號提供彩虹色。這對於Lisp或Clojure程序員，當然還有JavaScript和其他程序員特別有用。

效果如下：

10.Bracket Pair Colorizer

用於著色匹配括號

11.Indent-Rainbow

用四種不同顏色交替著色文本前面的縮進

12.filesize

在狀態欄中顯示當前文件大小，點擊後還可以看到詳細創建、修改時間

13.Import Cost

對引入的計算大小

14.Path Intellisense

可自動填充文件名。

15.WakaTime

從您的編程活動自動生成的度量標準，見解和時間跟蹤。

16.GitLens

git日誌查看插件

GitLens 增強了 Visual Studio Code 中內置的 Git 功能。例如 commits 搜索，歷史記錄和和查看代碼作者身份，還能通過強大的比較命令獲得有價值的見解等等

17..REST Client

REST客戶端允許您直接發送HTTP請求並在Visual Studio Code中查看響應。

18.Npm Intellisense

用於在 import 語句中自動填充 npm 模塊

require 時的包提示（最新版的vscode已經集成此功能）

19.Azure Storage

VS Code的Azure存儲擴展允許您部署靜態網站並瀏覽Azure Blob容器，文件共享，表和隊列。按照本教程從VS Code部署Web應用程序到Azure存儲。

20.Project Manager

它可以幫助您輕鬆訪問項目，無論它們位於何處。不要再錯過那些重要的項目了。您可以定義自己的收藏項目，或選擇自動檢測VSCode項目，Git，Mercurial和SVN存儲庫或任何文件夾。

從版本8開始，您就有了專門的項目活動欄！

以下是Project Manager提供的一些功能：

• 將任何項目保存為收藏夾
• 自動檢測VSCode，GIT中，水銀或SVN存放區
• 在相同或新窗口中打開項目
• 識別已刪除/重命名的項目
• 一個狀態欄標識當前項目
• 專門的活動欄

21.Language Support for Java(TM) by Red Hatredhat.java

這個插件，這個下載次數，安裝就對了。

22.Todo Tree

此擴展可以快速搜索（使用ripgrep）您的工作區以獲取TODO和FIXME等註釋標記，並在資源管理器窗格的樹視圖中顯示它們。單擊樹中的TODO將打開文件並將光標放在包含TODO的行上。

找到的TODO也可以在打開的文件中突出顯示。

"