当前位置:首页 > 科技  > 软件

30个VSCode优秀插件

来源: 责编: 时间:2023-10-13 14:37:30 380观看
导读Visual Studio Code目前是一个非常通用的代码编辑器,具有高度可自定义性,并且拥有非常丰富的插件。通过选择正确的VSCode插件可以使我们的开发更加轻松、更加高效。下面推荐30个最佳VSCode插件,以增强您的VSCode编码体验

Visual Studio Code目前是一个非常通用的代码编辑器,具有高度可自定义性,并且拥有非常丰富的插件。通过选择正确的VSCode插件可以使我们的开发更加轻松、更加高效。下面推荐30个最佳VSCode插件,以增强您的VSCode编码体验。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

1.Settings Sync

跨设备同步VSCode设置。支持在不同的计算机上同步配置、按键绑定、快捷方式、扩展和代码段。可以将这些设置同步到GitHub账户,使配置可以从任何设备轻松访问。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

2.Live Server

这个visual studio代码插件允许您启动本地服务器并在浏览器中实时查看代码更改记录。每当您保存代码时,它都会自动刷新浏览器,以便您可以查看已实现的更改。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

3.Prettier

Prettier是一个代码格式化器和样式执行器。当你点击保存时,它会根据一组规则自动格式化你的代码。可以自动化保持代码格式的一致性。对团队开发来说也很有用,因为它能够保持所有代码风格一致。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

4.GitLens

为代码编辑器提供增强的Git功能,添加注解、代码透镜以及一系列其他功能,可以帮助开发人员更好地理解代码及其历史变更记录。使用GitLens,可以查看代码行随着时间的变化的记录、谁更改代码以及为什么做出这些更改。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

5.TODO Highlights

glb28资讯网——每日最新资讯28at.com

这个插件可以高亮显示代码中的TODO注释。它可以帮助您跟踪代码中的任务和注释。它高亮显示了带有特定关键字的注释,如“TODO”或“FIXME”,并创建任务的列表。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

6.VSCode-icons

VScode-icons为项目中的文件夹和文件图标添加样式和颜色。它可以让你的文件夹和文件类型更加清晰,便于浏览。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

7.Regex Previewer

编写正则表达式(regex)对我说可能是一件麻烦事。该扩展为我提供了一个辅助方式,在我输入正则表达式时可以预览结果。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

8.Tabnine

Tabnine是一个AI编码助手,在您输入时它能够提供智能代码建议。它会从你的代码中学习,并可以根据你当前代码的上下文和编码模式给你提供代码建议。这对提高编码效率很有用,和Copilot有点像。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

9.Peacock

这个插件允许您为不同的项目自定义工作区颜色,对于同时处理多个项目的开发人员来说,可以让他们在视觉上更加清晰。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

10.Polacode

Polacode可以通过选择代码创建漂亮的代码屏幕截图。这个插件在共享代码段的时候挺有用。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

11.Docker

这个插件支持在VS Code中管理Docker容器。它为管理和部署容器提供了一个简化的界面。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

12.Better Comments

通过向注释添加颜色和格式来增强代码注释的可读性。使用此插件,还可以将您的代码注释进行分类,例如:警报、查询、待办事项等类别,并高亮显示。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

13.Excel Viewer

这是个VSCode的Excel阅读器插件,可以在代码编辑器中预览Excel文件。当你在写代码的同时需要浏览Excel电子表格或者CSV文件,安装这个插件就很有用。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

14.Code Spell Checker

这是个代码拼写检查器,可以检测并修复代码中、代码注释、字符串和markdown文件中的拼写错误。如果你想提高代码的可读性和专业性,这个插件可以派上用场。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

15.Code Runner

代码段运行工具,可以直接从VS Code编辑器中运行代码文件上片段。支持超过30种编程语言,这对于开发过程中的测试很有用。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

16.Turbo Console Log

编写JavaScript 代码的时候使用Turbo Console Log插件,可以使用键盘快捷键快速向代码中添加有意义的console.log语句。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

17.Git History

Git History可以实现Git日志可视化。可以清晰地查看Git分支和提交历史信息。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

18.Indent-rainbow

用颜色区分代码缩进级别,可以提高代码的可读性,并使其更易于理解和维护。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

19.Auto Rename Tag

当您重命名XML、HTML中一个标签时,它会自动重命名HTML/XML的结束标记。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

20.ChatGPT

ChatGPT已经成为最常用的AGI工具之一,许多开发人员使用ChatGPT来提高开发效率。这个插件将ChatGPT集成到VS中,可以在不离开代码编辑器的情况下直接使用ChatGPT。这个插件仅供参考,在国内使用时要注意符合法律法规。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

21.GitHub Copilot

这是一个AI驱动的代码生成工具,GitHub Copilot在您输入时可以为您提供代码建议。它可以通过提供自动编写代码和建议来帮助您提高工作效率。还可以根据您的注释编写代码。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

22.Markdown All in One

VS Code中集成markdown支持。一套用于格式化、预览和导出Markdown文件的工具,可以在代码编辑器中编写Markdown文件。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

23.JavaScript Code Snippets

这个是最常用的JS代码片段的集合插件。为JavaScript开发人员提供了一组有用的代码段。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

24.ES7+ React/Redux/React-Native Snippets

这个插件包含React和Redux代码片段的集合。与JavaScript Code Snippets插件类似,它提供了一个可以用于开发React和Redux的代码段集合。也包含其他TypeScript的代码段。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

25.CSS Peek

CSS Peek支持快速地从HTML跳到CSS代码,然后只需单击HTML文件中的CSS类或ID即可返回。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

26.Remote - SSH

支持在VS Code中使用SSH远程服务。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

27.Colorize

Colorize可以根据代码的语法向文本添加颜色。对于前端开发人员来说也很有用,他们希望在设计元素时在代码编辑器中添加颜色,让开发过程更清晰。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

28.Debugger for Chrome

这个插件支持在VS Code中调试JS代码。不需要离开VSCode即可使用Chrome调试JS代码。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

29.Icon Fonts

Icon Fonts插件提供了一个可以在项目中使用的图标字体集合。如果您经常需要在项目中使用图标,这个插件可以支持浏览和插入您想要的图标。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

30.Bookmarks

这个插件支持在代码中快速添加导航书签。在处理大型的代码库时,书签可以实现快速导航,这样就可以轻松快速地找到特定的代码行。glb28资讯网——每日最新资讯28at.com

glb28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-13570-0.html30个VSCode优秀插件

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 25个2023年最新的IntelliJ IDEA插件(下)

下一篇: 微服务的十个设计原则

标签:
  • 热门焦点
  • 如何正确使用:Has和:Nth-Last-Child

    我们可以用CSS检查,以了解一组元素的数量是否小于或等于一个数字。例如,一个拥有三个或更多子项的grid。你可能会想,为什么需要这样做呢?在某些情况下,一个组件或一个布局可能会
  • 如何使用JavaScript创建一只图像放大镜?

    译者 | 布加迪审校 | 重楼如果您曾经浏览过购物网站,可能遇到过图像放大功能。它可以让您放大图像的特定区域,以便浏览。结合这个小小的重要功能可以大大改善您网站的用户体验
  • 使用LLM插件从命令行访问Llama 2

    最近的一个大新闻是Meta AI推出了新的开源授权的大型语言模型Llama 2。这是一项非常重要的进展:Llama 2可免费用于研究和商业用途。(几小时前,swyy发现它已从LLaMA 2更名为Lla
  • 虚拟键盘 API 的妙用

    你是否在遇到过这样的问题:移动设备上有一个固定元素,当激活虚拟键盘时,该元素被隐藏在了键盘下方?多年来,这一直是 Web 上的默认行为,在本文中,我们将探讨这个问题、为什么会发生
  • 东方甄选单飞:有些鸟注定是关不住的

    作者:彭宽鸿来源:华尔街科技眼‍‍‍‍‍‍‍‍‍‍东方甄选创始人俞敏洪带队的“7天甘肃行”直播活动已在近日顺利收官。成立后一
  • 华为Mate60标准版细节曝光:经典星环相机模组回归

    这段时间以来,关于华为新旗舰的爆料日渐密集。据此前多方爆料,今年华为将开始恢复一年双旗舰战略,除上半年推出的P60系列外,往年下半年的Mate系列也将
  • iQOO 11S屏幕细节公布:首发三星2K E6全感屏 安卓最好的直屏手机

    日前iQOO手机官方宣布,新一代电竞旗舰iQOO 11S将会在7月4日19:00正式与大家见面。随着发布时间的日益临近,官方关于该机的预热也更加密集,截至目前已
  • DRAM存储器10月价格下跌,NAND闪存本月价格与上月持平

    10月30日,据韩国媒体消息,自今年年初以来一直在上涨的 DRAM 存储器的交易价格仅在本月就下跌了近 10%,此次是全年首次降价,而NAND 闪存本月价格与上月持平。市
  • 最薄的14英寸游戏笔记本电脑 Alienware X14已可以购买

    2022年1月份在国际消费电子展(CES2022)上首次亮相的Alienware新品——Alienware X14现在已经可以购买了,这款笔记本电脑被誉为世界上最薄的 14 英寸游戏笔
Top