20款VS Code实用插件推荐

vs,code,实用,插件,推荐 · 浏览次数 : 3476

小编点评

**内容生成指南** **生成内容指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南** **内容生成指南**

正文

前言

 VS Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的VS Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让VS Code成为了开发语言工具中的霸主,让其同时支持开发多种语言成为了可能。俗话说的好工欲善其事必先利其器,安装一些实用插件对自己日常的开发和工作效率能够大大的提升,避免996从选一款好的开发插件开始。以下是我整理的一些比较实用的VS Code插件希望对大家有用,大家有更好的插件推荐可在文末留言🤞。

VS Code相关链接地址

VS Code 官网地址

https://code.visualstudio.com/👉

Vs Code GitHub源码地址

https://github.com/Microsoft/vscode👉

VS Code 插件市场地址

https://marketplace.visualstudio.com/👉

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 C#开发工具包

C# Dev Kit for Visual Studio Code

C# Dev Kit for Visual Studio Code(C# Dev Kit)是一个扩展工具,它为您的C#开发提供了一系列强大的功能和实用工具,以帮助您更高效地编写、调试和维护代码。它能够在Windows、macOS、Linux甚至Codespace等各种开发环境中使用,提升您的C#开发体验。

打开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不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,例如,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 和其他所有编程语言。它通过自动补全代码来提高开发人员的工作效率。TabNine开箱即用。响应速度快:通常会在不到10毫秒的时间内生成建议列表。

详细介绍:https://zhuanlan.zhihu.com/p/73811872👉

Copilot AI辅助编程工具

拓展名称:GitHub Copilot

插件市场地址:https://marketplace.visualstudio.com/items?itemName=GitHub.copilot👉

拓展描述:是一个提供 AI 辅助编程的工具,它在您编码时会提供类似自动补全的建议。您可以通过开始编写您想要使用的代码,或者编写自然语言评论描述您希望代码完成的功能,来获取 GitHub Copilot 的建议。

自动添加关闭标签

拓展名称:Auto Close Tag

插件市场地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag👉

拓展描述:自动添加HTML / XML关闭标记,与Visual Studio IDE或Sublime Text相同(对前端开发的小伙伴非常有用)。

Vs Code 最好的代码注释扩展插

拓展名称:Better Comments

插件市场地址:hhttps://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments👉

拓展描述:更好的注释扩展将帮助您在代码中创建更人性化的注释。使用此扩展,您将能够将注释分类为:警报、查询、待办事项、强调、注释掉的代码也可以设置样式,以使代码不应该存在、您可以在设置中指定任何其他注释样式。

查找并修复JavaScript代码中的问题

拓展名称:ESLint

插件市场地址:ESLint - Visual Studio Marketplace👉

拓展描述:ESLint 是一个代码规范和错误检查工具,有以下几个特性

1、所有东西都是可以插拔的。你可以调用任意的rule api或者formatter api 去打包或者定义rule or formatter。
2、任意的rule 都是独立的
3、没有特定的coding style,你可以自己配置

ESLint配置详解:ESLint配置详解_ecmafeatures_风火一回的博客-CSDN博客👉

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 语法片段扩展。

Angular开发必备VS Code拓展

拓展名称:Angular Language Service

插件市场地址:https://marketplace.visualstudio.com/items?itemName=Angular.ng-template👉

拓展描述:Visual Studio Code 的 Angular Language Service 扩展提供了与 Angular 项目相关的语言支持和功能,以提高开发人员在 VS Code 中的 Angular 开发体验。

以下是这个扩展的主要作用:

1. 自动完成(Autocomplete)
2. 快速信息查看(Quick Info)
3. 导航至定义(Go to Definition)
4. AOT(Ahead of Time)诊断信息

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图标、字体缩写的的插件。虽然看上去很不起眼,但是对于前端开发,这款工具可以说能够极大的提高开发效率。通过一些缩写,能够快速补全icon fonts相关的代码片段,这样能够减少80%以上的手动输入内容。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个特性:
转到当前文件的在线链接。
复制当前文件的在线链接到剪切板。

GraphQL拓展

拓展名称:GraphQL

插件市场地址:https://marketplace.visualstudio.com/items?itemName=mquandalle.graphql👉

拓展描述:GraphQL扩展包括自动完成功能它会在您键入时建议在查询中使用的字段和参数,从而更容易编写有效的 GraphQL 代码。此功能可为您节省时间并降低出现语法错误的可能性。它安装了一个内置的 linter,可以检查您的代码是否有错误并提出修复建议。使用此扩展可防止 GraphQL 错误并提高效率。

与20款VS Code实用插件推荐相似的内容:

20款VS Code实用插件推荐

前言 VS Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的VS Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让VS Code成为了开发语言工具中的霸主,让其同时支持开发多种语言成为了可能。俗话说的好工欲善其事必先利

20.1K Star!Notion的开源替代方案:AFFiNE

Notion这款笔记软件相信很多开发者都比较熟悉了,很多读者,包括我自己都用它来记录和管理自己的笔记。今天给大家推荐一个最近比较火的开源替代方案:AFFiNE。目前该开源项目已经斩获20.1K Star,热度非常的高,下面一起来认识一下这个继Notion之后,被热捧的开源软件吧。 ![](https

Axure 二维码扫码

基础布局 1、一个300X395的黑底黑框矩形,不透明度为20%,命名为“背景框”: 2、一个150X150的白底白框矩形,不透明度为70%,命名为“扫描框”: 3、一条宽为131的绿色水平线,不透明度为30%,命名为“扫描条”,初始状态设置为隐藏: 4、一个文本标签,白色文字,文字内容为“将二维码

20个 Git 命令玩转版本控制

想要在团队中处理代码时有效协作并跟踪更改,版本控制发挥着至关重要的作用。Git 是一个版本控制系统,可以帮助开发人员跟踪修订、识别文件版本,并在必要的时候恢复旧版本。Git 对于有一定编程经验的用户来说虽然不算太难,但是想要玩转一些高级功能也并不是件容易的事情。在这篇文章中,我将向你展示一些最实用的

20个最佳实践提升Terraform工作流程|Part 1

将 Terraform 管理laC的技能提升到一个新的水平。

20个最佳实践提升Terraform工作流程|Part 2

将 Terraform 管理 IaC 的技能提升到一个新的水平。

20天等待,申请终于通过,安装和体验IntelliJ IDEA新UI预览版

向JetBrains提交的新UI试用申请,今天终于审批通过,顺利安装预览版以及参加,提前熟悉下一代UI的效果

20个Golang片段让我不再健忘

本文使用代码片段的形式来解释在 go 语言开发中经常遇到的小功能点,由于本人主要使用 java 开发,因此会与其作比较,希望对大家有所帮助。

[转帖]20. 利用Veeam ONE监控vSphere虚拟化平台(Veeam ONE安装及配置)

Veeam Backup & Replication主要用于备份及同步虚拟化平台,而Veeam ONE则主要用于监控平台之用,可以监控Veeam Backup & Replication的备份及同步情况,也可以监控VMware vSphere虚拟化平台及微软的Hyper-v虚拟化平台。本例主要介绍监

[转帖]Centos8/Ubuntu 20 安装 seafile 7.1.12 专业版|企业版 脚本快速安装教程(可选择安装目录)

https://www.ittel.cn/archives/4762.html 好像没有更新了,之前介绍了安装seafile企业版7.0.14的安装教程,现在介绍下seafile企业版 7.1.12安装 教程。 目录 更新说明 : 说明下seafile企业版 7.1.12和seafile企业版 7.