22款Visual Studio Code实用插件推荐

前言

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

Visual Studio Code相关链接地址

Visual Studio Code官网地址

https://code.visualstudio.com/

图片

Visual Studio Code GitHub源码地址

https://github.com/Microsoft/vscode

Visual Studio Code插件市场地址

https://marketplace.visualstudio.com/vscode

Visual Studio Code拓展插件安装

快捷键：Ctrl+Shift+X进入拓展面板，到应用商店文本框中搜索拓展。

图片

适用于Visual Studio Code的中文（简体）语言包

拓展名称：Chinese (Simplified) Language Pack for Visual Studio Code

插件市场地址：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

拓展描述：此中文（简体）语言包为 VS Code 提供本地化界面。

图片

图片

Visual Studio 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毫秒的时间内生成建议列表。

图片

Copilot AI辅助编程工具

拓展名称：GitHub Copilot

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

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

图片

CodeGeeX：AI 代码自动完成、聊天、自动注释

拓展名称：CodeGeeX

插件市场地址：https://marketplace.visualstudio.com/items?itemName=aminer.codegeex

拓展描述：CodeGeeX 是一款功能强大的基于 LLM 的智能编程助手。它提供代码生成/完成、注释生成、代码翻译和基于人工智能的聊天等功能，帮助开发人员显著提高工作效率。CodeGeeX 支持多种编程语言。

图片

Docker for Visual Studio Code

拓展名称：Docker for Visual Studio Code

插件市场地址：https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker

拓展描述：通过 Docker 扩展，可以轻松地从 Visual Studio Code 构建、管理和部署容器化应用程序。它还能在容器内一键调试 Node.js、Python 和 .NET。

图片

自动添加关闭标签

拓展名称：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

插件市场地址：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 语法片段扩展。

图片

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 错误并提高效率。

图片

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/752700.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【数据结构】深入理解AVL树：实现和应用

【数据结构】深入理解AVL树：实现和应用

AVL树是一种自平衡的二叉搜索树，它能够保持良好的平衡性质，使得在最坏情况下的时间复杂度也能保持在对数级别。本文将深入介绍AVL树的原理、实现和应用，并通过示例代码演示其基本操作。 文章目录 什么是AVL树？AVL树的实现在AVL树…
阅读更多...
Vue工程化基础

Vue工程化基础

一Ajax 1.1Ajax概述： 异步与同步 繁琐被淘汰了。 二Axios2 前后端混合开发： 前后端分离开发： YAPI 三前端开发工程化 四Vue脚手架 项目的认识 改变端口号 五Vue开发流程： 六Element组件 6.1快速入门 下载> npm install e…
阅读更多...
阿里云数据库优惠价格99元1年起MySQL/SQL Server/PostgreSQL/Redis/MongoDB/MairaDB/ClickHouse

阿里云数据库优惠价格99元1年起MySQL/SQL Server/PostgreSQL/Redis/MongoDB/MairaDB/ClickHouse

2024年阿里云数据库价格查询，云数据库优惠活动MySQL版2核2GB 50GB配置99元一年，续费不涨价，续费也是99元1年，云数据库MySQL基础系列经济版 2核4GB 100GB配置227元1年，RDS SQL Server云数据库2核4G配置299元1年&#xf…
阅读更多...
自学rabbitmq入门到精通

自学rabbitmq入门到精通

交换机的fault （发布与订阅模式） 因为消息是由生产者发送给excahnge，exchange发送给队列， 然后由队列发送给消费者的。 展示使用图形化界面使用fanout模式。 创建交换机 然后创建三个队列，绑定对应的交换机&#xff…
阅读更多...
深度学习pytorch——Broadcast自动扩展

深度学习pytorch——Broadcast自动扩展

介绍 在 PyTorch 中，Broadcast 是指自动扩展（broadcasting）运算的功能。它允许用户在不同形状的张量之间执行运算，而无需手动将它们的形状改变为相同的大小。当进行运算时，PyTorch 会自动调整张量的形状，使…
阅读更多...
C# danbooru Stable Diffusion 提示词反推 Onnx Demo

C# danbooru Stable Diffusion 提示词反推 Onnx Demo

目录 说明 效果 模型信息 项目 代码 下载 C# danbooru Stable Diffusion 提示词反推 Onnx Demo 说明 模型下载地址：https://huggingface.co/deepghs/ml-danbooru-onnx 效果 模型信息 Model Properties ------------------------- ----------------------…
阅读更多...
深度学习 精选笔记（12）卷积神经网络-理论基础2

深度学习 精选笔记（12）卷积神经网络-理论基础2

学习参考： 动手学深度学习2.0Deep-Learning-with-TensorFlow-bookpytorchlightning ①如有冒犯、请联系侵删。 ②已写完的笔记文章会不定时一直修订修改(删、改、增)，以达到集多方教程的精华于一文的目的。 ③非常推荐上面（学习参考&#x…
阅读更多...
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：Counter）

鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：Counter）

计数器组件，提供相应的增加或者减少的计数操作。 说明： 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 子组件 可以包含子组件。 接口 Counter() 从API version 9开始，该接口…
阅读更多...
SQL的数据定义语言（DDL）语句

SQL的数据定义语言（DDL）语句

文章目录 数据库操作创建新的数据库修改数据库删除数据库 表操作创建数据库表修改数据表删除数据表 索引操作创建索引修改索引 视图操作修改视图 序列操作创建序列修改序列删除序列 分区操作（在支持分区的数据库中）同义词操作（在Oracle等数据…
阅读更多...
使用map和set实现简单的词频统计

使用map和set实现简单的词频统计

一、运行效果图 二、代码示例 #include <iostream> #include <fstream> #include <sstream> #include <string> #include <map> #include <set> #include <vector> #include <algorithm> using namespace std;class TextQuer…
阅读更多...
LarkXR上新了 | Apollo多终端与XR体验的优化创新

LarkXR上新了 | Apollo多终端与XR体验的优化创新

作为领先的数字平行世界产品技术提供方&#xff0c;「Paraverse平行云」一直致力于为企业和开发者提供企业级实时云渲染解决方案。其多终端接入产品LarkXR Apollo&#xff0c;基于底层Runtime技术&#xff0c;实现了在Windows、Linux、MacOS、Android、iOS等多种操作系统下&…
阅读更多...
游戏服务端配置“热更”及“秒启动”终极方案（golang/ygluu/卢益贵）

游戏服务端配置“热更”及“秒启动”终极方案（golang/ygluu/卢益贵）

游戏服务端配置“热更”及“秒启动”终极方案 ygluu 卢益贵 关键词&#xff1a;游戏微服务架构、游戏服务端热更、模块化解耦、golang 目录 一、前言 二、异步线程加载/重载方案 三、配置表碎片化方案 四、指针间接引用 五、重载通知 六、示例代码 七、相关连接 一、…
阅读更多...
Samtec科普 | 一文了解患者护理应用连接器

Samtec科普 | 一文了解患者护理应用连接器

【摘要/前言】 通过医疗专业人士为患者提供护理的种种需求&#xff0c;已经不限于手术室与医院的各种安全状况。当今许多患者的护理都是在其他环境进行&#xff0c;例如医生办公室、健康中心&#xff0c;还有越来越普遍的住家。尤其是需要长期看护的患者&#xff0c;所需的科技…
阅读更多...
202006A卷青少年软件编程（Scratch）等级考试试卷（三级)

202006A卷青少年软件编程（Scratch）等级考试试卷（三级)

第1题：【 单选题】 执行以下脚本后舞台上的角色将 ？（ ） A:先克隆自身，克隆体出现后被删除 B:先克隆自身，克隆体出现后删除本体 C:克隆出自身后本体与克隆体同时被删除 D:克隆出自身后本体与克隆体被不会被删除 【正确答案】: A 【试题解析】 : 第2题：【 单选题】…
阅读更多...
MATLAB环境下基于决策树和随机森林的心力衰竭患者生存情况预测

MATLAB环境下基于决策树和随机森林的心力衰竭患者生存情况预测

近年来&#xff0c;随着医学数据的不断积累和计算机技术的快速发展&#xff0c;许多机器学习技术已经被用在医学领域&#xff0c;并取得了不错的效果。与传统的基于医学知识经验的心衰预后评估模型相比&#xff0c;机器学习方法可以快速、高效地从繁杂的、海量的心衰病人数据中…
阅读更多...
SSH 批量免密登录服务器

SSH 批量免密登录服务器

思路&#xff1a;创建密钥&#xff0c;并通过分发公钥文件到其他服务器&#xff0c;从而实现批量免密无交互登录服务器 拓扑结构&#xff1a;主服务器 |----》从服务器1 |----》从服务器2 |----》..... 参考链接&#xff1a;SSH命令批量操作服务器_ssh批量登录远程执行脚本…
阅读更多...
【Liunx-后端开发软件安装】Liunx安装nginx

【Liunx-后端开发软件安装】Liunx安装nginx

【Liunx-后端开发软件安装】Liunx安装nginx 使用安装包安装 一、简介 nginx&#xff0c;这个家伙可不是你厨房里的那位大厨&#xff0c;它可是互联网世界的“煎饼果子摊主”。想象一下&#xff0c;在熙熙攘攘的网络大街上&#xff0c;nginx挥舞着它的锅铲——哦不&#xff0c;是…
阅读更多...
消息队列面试题

消息队列面试题

目录 1. 为什么使用消息队列 2. 消息队列的缺点 3. 消息队列如何选型&#xff1f; 4. 如何保证消息队列是高可用的 5. 如何保证消息不被重复消费&#xff08;见第二条&#xff09; 6. 如何保证消息的可靠性传输&#xff1f; 7. 如何保证消息的顺序性&#xff08;即消息幂…
阅读更多...
总说上下文切换耗性能，那他到底耗了多少性能？

总说上下文切换耗性能，那他到底耗了多少性能？

大家好&#xff0c;我是「云舒编程」&#xff0c;今天我们来聊聊上下文切换性能消耗。 文章首发于微信公众号&#xff1a;云舒编程 关注公众号获取&#xff1a; 1、大厂项目分享 2、各种技术原理分享 3、部门内推 一、前言 众所周知&#xff0c;操作系统是一个分时复用系统&…
阅读更多...
.NET高级面试指南专题十九【 数据库设计-4范式】

.NET高级面试指南专题十九【 数据库设计-4范式】

数据库范式设计是关系数据库设计中的重要概念&#xff0c;旨在减少数据冗余和提高数据的一致性。 范式设计的目的是提高数据库的数据质量、一致性和可维护性。通过将数据结构化为不同的范式&#xff0c;可以降低数据冗余&#xff0c;减少数据更新异常&#xff0c;提高数据的可靠…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023