前端开发利器--VScode（Visual Studio Code）

ゞ浴缸里的玫瑰 2021-12-04 09:21 727阅读 0赞

# 前言 #

在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。

都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻城狮，都被VS code比德芙还丝滑的强大功能所折服。

我是来给大家安利插件的，想做个比较全面的插件集合给大家。网上的我也看过一些，但是都比较零散，时间也久了一些，我结合最近的情况，总结一下，造福大家，才是我想做的。手动比心❤。

VS vode特点：

*  开源，免费；
 *  自定义配置
 *  集成git
 *  智能提示强大
 *  支持各种文件格式（html/jade/css/less/sass/xml）
 *  调试功能强大
 *  各种方便的快捷键
 *  强大的插件扩展

对前端这么友好，没理由不用。

Visual Studio Code（VScode ）官网　：[https://code.visualstudio.com/][https_code.visualstudio.com]

Visual Studio Code（VScode ）github地址 ：[https://github.com/Microsoft/vscode][https_github.com_Microsoft_vscode]

# 安装插件 #

## 方法一： ##

*  按F1或Ctrl+Shift+p，输入extensions，点击第一个就可以了 。

![20190718135447882.png][]

## 方法二： ##

*  ctrl + P 然后输入 >ext install 。

![20190718135531526.png][]

## 方法三： ##

*  点击图中位置。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70][]

# 插件合集 #

插件官网：[https://marketplace.visualstudio.com/][https_marketplace.visualstudio.com]

每一个插件名都超链接到官网，注意查看。

## 配置类插件 ##

### [Settings Sync][] ###

最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了，使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。

![20190718135911149.png][]

### [Debugger for Chrome][] ###

从VS Code调试在Google Chrome中运行的JavaScript代码。

用于在Google Chrome浏览器或支持[Chrome DevTools协议的][Chrome DevTools]其他目标中调试JavaScript代码的VS Code扩展。

![2019071814000672.png][]

### [beautify][] ###

格式化代码工具，美化Javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

![20190718140119413.png][]

### [Atuo Rename Tag][] ###

修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改。

![20190718140226841.png][]

### [中文（简体）语言包][Link 1] ###

[Chinese (Simplified) Language Pack for Visual Studio Code][Link 1]，将界面转换为中文，对英语不好的人，非常友好。例如我。。。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 1][]

### [Code Spell Checker][] ###

代码拼写检查器，一个与camelCase代码配合良好的基本拼写检查程序。此拼写检查程序的目标是帮助捕获常见的拼写错误，同时保持误报数量较低。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 2][]

### [vscode-icons][] ###

显示Visual Studio代码的图标，目前该插件已被vscode内部支持："文件" -> "首选项" -> "文件图标主题"。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 3][]

### [guides][] ###

显示代码对齐辅助线，很好用。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 4][]

### [Rainbow Brackets][] ###

为圆括号，方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员，当然还有JavaScript和其他程序员特别有用。

效果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 5][]

### [Bracket Pair Colorizer][] ###

用于着色匹配括号。

![20190718140757106.png][]

### [Indent-Rainbow][] ###

用四种不同颜色交替着色文本前面的缩进。

![20190718140826708.png][]

### [filesize][] ###

在状态栏中显示当前文件大小，点击后还可以看到详细创建、修改时间。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 6][]

### Import Cost ###

对引入的计算大小。

![20190718141121183.png][]

### [Path Intellisense][] ###

可自动填充文件名。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 7][]

### [WakaTime][]  ###

从您的编程活动自动生成的度量标准，见解和时间跟踪。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 8][]

### [GitLens][] ###

git日志查看插件，GitLens 增强了 Visual Studio Code 中内置的 Git 功能。例如 commits 搜索，历史记录和和查看代码作者身份，还能通过强大的比较命令获得有价值的见解，等等。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 9][]

### [REST Client][] ###

REST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。

![20190718141402225.png][]

### [Npm Intellisense][]  ###

用于在 import 语句中自动填充 npm 模块，require 时的包提示（最新版的vscode已经集成此功能）。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 10][]

### [Azure Storage][] ###

VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器，文件共享，表和队列。按照[本教程][Link 2]从VS Code部署Web应用程序到Azure存储。

![2019071814160833.png][]

### [Project Manager][] ###

它可以帮助您轻松访问项目，无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目，或选择自动检测VSCode项目，Git，Mercurial和SVN存储库或任何文件夹。

从版本8开始，您就有了专门的项目活动栏！

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

*  将任何项目保存为收藏夹
 *  自动检测VSCode，GIT中，水银或SVN存放区
 *  在相同或新窗口中打开项目
 *  识别已删除/重命名的项目
 *  一个状态栏标识当前项目
 *  专门的活动栏

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 11][]

### [Language Support for Java(TM) by Red Hatredhat.java][Language Support for Java_TM_ by Red Hatredhat.java] ###

这个插件，这个下载次数，安装就对了。

![20190718141738353.png][]

### [Todo Tree][]  ###

此扩展可以快速搜索（使用[ripgrep][]）您的工作区以获取TODO和FIXME等注释标记，并在资源管理器窗格的树视图中显示它们。单击树中的TODO将打开文件并将光标放在包含TODO的行上。

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 12][]

## VScode主题集合 ##

### [Night Owl][] ###

一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 13][]

### [Atom One Dark Theme][] ###

一个基于Atom的黑暗主题。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 14][]

### [Dracula Official][] ###

官方吸血鬼主题，博主用的就是这款，很漂亮。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 15][]

### [One Dark Pro][] ###

Atom标志性的One Dark主题，也是VS Code下载次数最多的主题之一！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 16][]

### [Bimbo][] ###

简约而现代的神奇海洋主题。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 17][]

## 代码提示类 ##

### [HTML Snippets][] ###

完整的HTML代码提示，包括HTML5。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 18][]

### [HTML CSS Support][] ###

在 html 标签上写class 智能提示css样式。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 19][]

### [jQuery Code Snippets][] ###

JQuery代码提示，超过130个用于JavaScript代码的jQuery代码片段。

只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 20][]

### [HTMLHint][] ###

html代码检测，支持html5。

![20190718142527631.png][]

## 语言相关 ##

### [C＃][C] ###

*  适用于[.NET Core的][.NET Core]轻量级开发工具。
 *  伟大的C＃编辑支持，包括语法突出显示，智能感知，转到定义，查找所有引用等。
 *  调试支持.NET Core（CoreCLR）。注意：不支持单声道调试。桌面CLR调试[支持有限][Link 3]。
 *  支持Windows，macOS和Linux上的project.json和csproj项目。

### [CodeMetrics][] ###

计算TypeScript / JavaScript文件的复杂性。

### VUE插件 ###

vetur   　　 语法高亮、智能感知、Emmet等

VueHelper  　　snippet代码片段

ESLint    　　将ESLint JavaScript集成到VS代码中。

prettier    代码规范性插件

### [Java Extension Pack][] ###

它是一组流行的扩展，可以帮助在Visual Studio Code中编写，测试和调试Java应用程序。查看[VS Code中的Java][VS Code_Java]以开始使用。

![20190718142705887.png][]

[https_code.visualstudio.com]: https://code.visualstudio.com/
[https_github.com_Microsoft_vscode]: https://github.com/Microsoft/vscode
[20190718135447882.png]: /images/20211204/72dc185c2523462797f2e24c1a4d960a.png
[20190718135531526.png]: /images/20211204/ab1a352fed7142a1aa85d6c4170807aa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70]: /images/20211204/0ae882273d184172af1d1f15dac9454e.png
[https_marketplace.visualstudio.com]: https://marketplace.visualstudio.com/
[Settings Sync]: https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
[20190718135911149.png]: /images/20211204/38a63422d2d0465ea2b1f6c07f68106b.png
[Debugger for Chrome]: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
[Chrome DevTools]: https://chromedevtools.github.io/debugger-protocol-viewer/
[2019071814000672.png]: /images/20211204/15419d2006f84d51ad54e84489dae98e.png
[beautify]: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
[20190718140119413.png]: /images/20211204/062278dcf7ea4ae08cd67f20cd8450b0.png
[Atuo Rename Tag]: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
[20190718140226841.png]: /images/20211204/cb35a162ad0c4906a08de635f773225c.png
[Link 1]: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 1]: /images/20211204/2bfbda18fe35456989301110bd684273.png
[Code Spell Checker]: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 2]: /images/20211204/c465a155ded14fc797d9d599ea8e387b.png
[vscode-icons]: https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 3]: /images/20211204/9c42f91498a846dbb3e5199260ae241a.png
[guides]: https://marketplace.visualstudio.com/items?itemName=spywhere.guides
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 4]: /images/20211204/2b3d55400a214b08a959fa94324afa20.png
[Rainbow Brackets]: https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 5]: /images/20211204/ea55b3952a344276b136340fe0d7488f.png
[Bracket Pair Colorizer]: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
[20190718140757106.png]: /images/20211204/8f5002f8e3fa4f68ac1e637caee47b56.png
[Indent-Rainbow]: https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
[20190718140826708.png]: /images/20211204/714746dfbd884210b3f831c57b37a12b.png
[filesize]: https://marketplace.visualstudio.com/items?itemName=mkxml.vscode-filesize
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 6]: /images/20211204/c7a9298ef2384c5ea2c00417f1fdd587.png
[20190718141121183.png]: /images/20211204/eac429515b304ae4bd81561d961e6d58.png
[Path Intellisense]: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 7]: /images/20211204/deea3e8d90cb47e9a318bab7695db7e9.png
[WakaTime]: https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 8]: /images/20211204/068ce1e4c0f14d5295fe7a254055d5cc.png
[GitLens]: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 9]: /images/20211204/2f97f06e73274cc49a5a36e662af04b3.png
[REST Client]: https://marketplace.visualstudio.com/items?itemName=humao.rest-client
[20190718141402225.png]: /images/20211204/7717f0f2f19e4ec081a77ec9ddc8795f.png
[Npm Intellisense]: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 10]: /images/20211204/95046ea1205748469ddb1a14ebc04e4d.png
[Azure Storage]: https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestorage
[Link 2]: https://code.visualstudio.com/tutorials/static-website/getting-started
[2019071814160833.png]: /images/20211204/d2576999406c4c9e8ca4f8af4a6a5290.png
[Project Manager]: https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 11]: /images/20211204/6faade890b744615b441aaf1873013f1.png
[Language Support for Java_TM_ by Red Hatredhat.java]: https://marketplace.visualstudio.com/items?itemName=redhat.java#overview
[20190718141738353.png]: /images/20211204/215acca2d8f447d08283cd0d23eb1dc9.png
[Todo Tree]: https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
[ripgrep]: https://github.com/BurntSushi/ripgrep
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 12]: /images/20211204/e164e2900bdd4ea0b01d8ffcd418ed19.png
[Night Owl]: https://marketplace.visualstudio.com/items?itemName=sdras.night-owl
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 13]: /images/20211204/75b34bec281b4ebc8cbb3406397ed58e.png
[Atom One Dark Theme]: https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 14]: /images/20211204/843bf455d08042f18ef36291f0292d0e.png
[Dracula Official]: https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 15]: /images/20211204/c7e699291c50485882a39500d9342a34.png
[One Dark Pro]: https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 16]: /images/20211204/9a413d1613624553b3e97fe83cd7d84e.png
[Bimbo]: https://marketplace.visualstudio.com/items?itemName=pawelgrzybek.bimbo-theme
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 17]: /images/20211204/3e3d3e85b5384320bd22bef42b3fab02.png
[HTML Snippets]: https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 18]: /images/20211204/b451a0a1f6fd473d88375e39e8b5e6d7.png
[HTML CSS Support]: https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 19]: /images/20211204/b64aca1aa2ac4ec99330f3b4fb161f48.png
[jQuery Code Snippets]: https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BlbmdqdW5sZWU_size_16_color_FFFFFF_t_70 20]: /images/20211204/f669436be2b447a38990d15d41dfe30d.png
[HTMLHint]: https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint
[20190718142527631.png]: /images/20211204/a83c939673474daf8bc0db1c40f9aa1f.png
[C]: https://link.jianshu.com/?t=https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp
[.NET Core]: https://dotnet.github.io/
[Link 3]: https://github.com/OmniSharp/omnisharp-vscode/wiki/Desktop-.NET-Framework
[CodeMetrics]: https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics
[Java Extension Pack]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack
[VS Code_Java]: https://code.visualstudio.com/docs/languages/java
[20190718142705887.png]: /images/20211204/32129503bb5445f7b53dee81be76a983.png