Vs Code推薦安裝插件
文章正文：
前言：
Visual Studio Code是一個輕量級但功能強大的源代碼編輯器，輕量級指的是下載下來的Vs Code其實就是一個簡單的編輯器，強大指的是支持多種語言的環境插件拓展，也正是因為這種支持插件式安裝環境開發讓Vs Code成為了開發語言中的霸主，讓同時支持開發多種語言成為了可能。俗話說的好工欲善其事必先利其器，作為一個Vs Code老用戶而已我我覺得安裝一些有用的插件多自己日常的開發效率能夠大大的提升，下面我推薦的是我日常開發中使用的比較多和感覺起來還不錯的一些插件，同時會持續更新，假如大家覺得有好的插件而我這里沒有提到的可以在下面留言我會補上。
Vs Code相關鏈接地址：
Vs Code 官網地址：
Vs Code GitHub源碼地址：
Vs Code 插件市場地址：
Vs Code拓展插件安裝：
快捷鍵：Ctrl+Shift+X進入拓展面板，到應用商店文本框中搜索拓展。
適用於 VS Code 的中文（簡體）語言包：
拓展名稱：Chinese (Simplified) Language Pack for Visual Studio Code
插件市場地址：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
拓展描述：此中文（簡體）語言包為 VS Code 提供本地化界面。
美化VS Code的代碼：
拓展名稱：Beautify
插件市場地址：https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
拓展描述：美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代碼。
Visual Studio代碼的圖標:
拓展名稱：vscode-icons
插件市場地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
拓展描述：vscode-icons不僅能夠給文件夾、文件添加上舒適的圖標，而且可以自動檢測項目，根據項目不同功能配上不同圖標，例如，git、Markdown、配置項、工具類等。
自動添加關閉標簽：
拓展名稱：Auto Close Tag
插件市場地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
拓展描述：自動添加HTML / XML關閉標記，與Visual Studio IDE或Sublime Text相同（對前端開發的小伙伴非常有用）。
Vs Code 最好的代碼注釋擴展插件：
拓展名稱：Better Comments
插件市場地址：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
拓展描述：更好的注釋擴展將幫助您在代碼中創建更人性化的注釋。使用此擴展，您將能夠將注釋分類為：警報、查詢、待辦事項、強調、注釋掉的代碼也可以設置樣式，以使代碼不應該存在、您可以在設置中指定任何其他注釋樣式。
查找並修復JavaScript代碼中的問題：
拓展名稱：ESLint
插件市場地址：https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
拓展描述：ESLint 是一個代碼規范和錯誤檢查工具，有以下幾個特性
1、所有東西都是可以插拔的。你可以調用任意的rule api或者formatter api 去打包或者定義rule or formatter。
2、任意的rule 都是獨立的
3、沒有特定的coding style，你可以自己配置
Vs Code中好用的Git源代碼管理插件GitLens：
拓展名稱：GitLens
插件市場地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
拓展描述：GitLens內置到Visual Studio代碼Git的能力。它可以幫助您通過Git責任注釋和代碼鏡頭一目了然地看到代碼作者的身份，無縫地導航和瀏覽 Git存儲庫，通過功能強大的比較命令獲得有價值的見解，等等。
Vs Code 源代碼管理插件GitLens使用指南：https://www.jianshu.com/p/95a1a06ac0fb
Git歷史記錄查看：
拓展名稱：Git History
插件市場地址：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
拓展描述：Git歷史記錄，搜索和更多內容（包括git log）。
流程圖神器-Drawio：
拓展名稱：Drawio Preview
插件市場地址：https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview
拓展描述：在Vs Code中預覽繪圖圖文件。
Vs Code中使用Drawio：https://blog.csdn.net/huanglin6/article/details/106239570
Import、Require模塊路徑自動補全：
拓展名稱：Path Intellisense
插件市場地址：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
拓展描述：在編輯器中輸入對應文件的路徑，會自動補全（在Import、Require導入/引入模塊時非常便捷好用）。
Vue開發必備-Vetur（VS Code的Vue工具）：
拓展名稱：Vetur
插件市場地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur
拓展描述：Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發者必備。
幫助Vue開發者編寫更高效的Element-UI代碼：
拓展名稱：vscode-element-helper
插件市場地址：https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper
拓展描述：VSCode-Element-Helper是Element-UI的VS Code擴展，Element-UI是一個很棒的庫。越來越多的項目使用它。因此，為了幫助開發人員通過Element-UI編寫更高效的代碼。
Vue VSCode片段：
拓展名稱：Vue VSCode Snippets
插件市場地址：https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
拓展描述：Vue 語法片段擴展。
Vs Code運行C#拓展：
拓展名稱：C#
插件市場地址：https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp
拓展描述：.NET Core的輕量級開發工具。強大的C＃編輯支持，包括語法突出顯示，IntelliSense，轉到定義，查找所有引用等。對.NET Core（CoreCLR）的調試支持。注意：不支持Mono調試。桌面CLR調試的支持有。限。在Windows，macOS和Linux上支持project.json和csproj項目。
使用Vs Code開發.NET Core參考該篇博客：https://www.cnblogs.com/yilezhu/p/9926078.html
Angular開發必備-VS Code的Angular TypeScript代碼片段：
拓展名稱：Angular Snippets (Version 9)
插件市場地址：https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
拓展描述：Visual Studio Code的此擴展為TypeScript和HTML添加了Angular的代碼片段。
Vs Code Chrome調試器：
拓展名稱：Debugger for Chrome
插件市場地址：https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
拓展描述：在Chrome瀏覽器或任何其他支持Chrome Debugger協議的目標中調試JavaScript代碼。
Vs Code代碼運行器：
拓展名稱：Code Runner
插件市場地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
拓展描述：運行多種語言的代碼段或代碼文件：C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA,和自定義命令。
全語言自動完成程序-TabNine：
拓展名稱：TabNine
插件市場地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
拓展描述：這是TabNine（所有語言的自動完成程序）的VS Code客戶端。為整個項目建立索引，讀取.gitignore以確定要索引的文件。使用助記符完成引擎只需幾次按鍵即可鍵入長變量名。零配置。TabNine開箱即用。響應速度快：通常會在不到10毫秒的時間內生成建議列表。