20款VS Code實用插件推薦
前言：
VS Code是一個輕量級但功能強大的源代碼編輯器，輕量級指的是下載下來的VS Code其實就是一個簡單的編輯器，強大指的是支持多種語言的環(huán)境插件拓展，也正是因為這種支持插件式安裝環(huán)境開發(fā)讓VS Code成為了開發(fā)語言工具中的霸主，讓其同時支持開發(fā)多種語言成為了可能。俗話說的好工欲善其事必先利其器，安裝一些實用插件對自己日常的開發(fā)和工作效率能夠大大的提升，避免996從選一款好的開發(fā)插件開始。以下是我整理的一些比較實用的VS Code插件希望對大家有用，大家有更好的插件推薦可在文末留言??。
Vs Code相關(guān)鏈接地址
Vs Code 官網(wǎng)地址
https://code.visualstudio.com/
Vs Code GitHub源碼地址
https://github.com/Microsoft/vscode
Vs Code 插件市場地址
https://marketplace.visualstudio.com/
Vs Code拓展插件安裝
快捷鍵：Ctrl+Shift+X進入拓展面板，到應(yīng)用商店文本框中搜索拓展。
適用于 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 C#開發(fā)工具包
C# Dev Kit for Visual Studio Code
C# Dev Kit for Visual Studio Code（C# Dev Kit）是一個擴展工具，它為您的C#開發(fā)提供了一系列強大的功能和實用工具，以幫助您更高效地編寫、調(diào)試和維護代碼。它能夠在Windows、macOS、Linux甚至Codespace等各種開發(fā)環(huán)境中使用，提升您的C#開發(fā)體驗。
打開VS Code=>找到拓展(Ctrl+Shift+x)=>搜索C# Dev Kit=>點擊安裝
C# for Visual Studio Code
C# for Visual Studio Code（C# for VS Code）是C# Dev Kit的一部分，為Visual Studio Code提供了功能豐富的C#語言支持。
打開VS Code=>找到拓展(Ctrl+Shift+x)=>搜索C#=>點擊安裝
Visual Studio代碼的圖標
拓展名稱：vscode-icons
插件市場地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
拓展描述：vscode-icons不僅能夠給文件夾、文件添加上舒適的圖標，而且可以自動檢測項目，根據(jù)項目不同功能配上不同圖標，例如，git、Markdown、配置項、工具類等。
TabNine代碼補全工具
拓展名稱：Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
插件市場地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
拓展描述：Tabnine 是一款 AI 代碼補全插件，適用于 JavaScript、Python、Java、TypeScript 和其他所有編程語言。它通過自動補全代碼來提高開發(fā)人員的工作效率。TabNine開箱即用。響應(yīng)速度快：通常會在不到10毫秒的時間內(nèi)生成建議列表。
詳細介紹：https://zhuanlan.zhihu.com/p/73811872
Copilot AI輔助編程工具
拓展名稱：GitHub Copilot
插件市場地址：https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
拓展描述：是一個提供 AI 輔助編程的工具，它在您編碼時會提供類似自動補全的建議。您可以通過開始編寫您想要使用的代碼，或者編寫自然語言評論描述您希望代碼完成的功能，來獲取 GitHub Copilot 的建議。
自動添加關(guān)閉標簽
拓展名稱：Auto Close Tag
插件市場地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
拓展描述：自動添加HTML / XML關(guān)閉標記，與Visual Studio IDE或Sublime Text相同（對前端開發(fā)的小伙伴非常有用）。
Vs Code 最好的代碼注釋擴展插
拓展名稱：Better Comments
插件市場地址：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
拓展描述：更好的注釋擴展將幫助您在代碼中創(chuàng)建更人性化的注釋。使用此擴展，您將能夠?qū)⒆⑨尫诸悶椋壕瘓?、查詢、待辦事項、強調(diào)、注釋掉的代碼也可以設(shè)置樣式，以使代碼不應(yīng)該存在、您可以在設(shè)置中指定任何其他注釋樣式。
查找并修復(fù)JavaScript代碼中的問題
拓展名稱：ESLint
插件市場地址：https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
拓展描述：ESLint 是一個代碼規(guī)范和錯誤檢查工具，有以下幾個特性
1、所有東西都是可以插拔的。你可以調(diào)用任意的rule api或者formatter api 去打包或者定義rule or formatter。
2、任意的rule 都是獨立的
3、沒有特定的coding style，你可以自己配置
ESLint配置詳解：https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase
Vs Code中好用的Git源代碼管理插件GitLens
拓展名稱：GitLens
插件市場地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
拓展描述：GitLens內(nèi)置到Visual Studio代碼Git的能力。它可以幫助您通過Git責任注釋和代碼鏡頭一目了然地看到代碼作者的身份，無縫地導(dǎo)航和瀏覽 Git存儲庫，通過功能強大的比較命令獲得有價值的見解，等等。
Vs Code 源代碼管理插件GitLens使用指南：https://www.jianshu.com/p/95a1a06ac0fb
Git歷史記錄查看
拓展名稱：Git History
插件市場地址：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
拓展描述：Git歷史記錄，搜索和更多內(nèi)容（包括git log）。
流程圖神器-Drawio
拓展名稱：Drawio Preview
插件市場地址：https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview
拓展描述：在Vs Code中預(yù)覽繪圖圖文件。
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
拓展描述：在編輯器中輸入對應(yīng)文件的路徑，會自動補全（在Import、Require導(dǎo)入/引入模塊時非常便捷好用）。
Vue開發(fā)必備-Vetur（VS Code的Vue工具）
拓展名稱：Vetur
插件市場地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur
拓展描述：Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發(fā)者必備。
幫助Vue開發(fā)者編寫更高效的Element-UI代碼
拓展名稱：vscode-element-helper
插件市場地址：https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper
拓展描述：VSCode-Element-Helper是Element-UI的VS Code擴展，Element-UI是一個很棒的庫。越來越多的項目使用它。因此，為了幫助開發(fā)人員通過Element-UI編寫更高效的代碼。
Vue VSCode片段
拓展名稱：Vue VSCode Snippets
插件市場地址：https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
拓展描述：Vue 語法片段擴展。
Angular開發(fā)必備-VS Code的Angular TypeScript代碼片段
拓展名稱：Angular Snippets (Version 9)
插件市場地址：https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
拓展描述：Visual Studio Code的此擴展為TypeScript和HTML添加了Angular的代碼片段。
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,和自定義命令。
Visual Studio代碼的圖標字體
拓展名稱：Icon Fonts
插件市場地址：https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts
拓展描述：icon fonts是一款提供VS Code圖標、字體縮寫的的插件。雖然看上去很不起眼，但是對于前端開發(fā)，這款工具可以說能夠極大的提高開發(fā)效率。通過一些縮寫，能夠快速補全icon fonts相關(guān)的代碼片段，這樣能夠減少80%以上的手動輸入內(nèi)容。icon fonts支持html、css、less、sass、scss、stylus、jsx、blade、vue。
Gitlink是一款輔助和增強VS Code GitHub使用的插件
拓展名稱：Gitlink
插件市場地址：https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink
拓展描述：gitlink是一款輔助和增強VS Code GitHub使用的插件。
它具有如下2個特性：
轉(zhuǎn)到當前文件的在線鏈接。
復(fù)制當前文件的在線鏈接到剪切板。
GraphQL拓展
拓展名稱：GraphQL
插件市場地址：https://marketplace.visualstudio.com/items?itemName=mquandalle.graphql
拓展描述：GraphQL擴展包括自動完成功能它會在您鍵入時建議在查詢中使用的字段和參數(shù)，從而更容易編寫有效的 GraphQL 代碼。此功能可為您節(jié)省時間并降低出現(xiàn)語法錯誤的可能性。它安裝了一個內(nèi)置的 linter，可以檢查您的代碼是否有錯誤并提出修復(fù)建議。使用此擴展可防止 GraphQL 錯誤并提高效率。
版權(quán)聲明：本文來源于網(wǎng)友收集或網(wǎng)友供稿，僅供學(xué)習交流之用，如果有侵權(quán)，請轉(zhuǎn)告小編或者留言，本公眾號立即刪除。
關(guān)注公眾號↑↑↑：DotNet開發(fā)跳槽?
點 分 享
點 收 藏
點 點 贊
點在看