7个能使编码变得轻松的Visual Studio Code插件

新知榜官方账号

2023-09-25 04:12:28

如何实现从优秀到顶尖的跨越？

资深开发人员告诉我们，使用合适的工作工具可以使身为开发人员的你的生活变得更加轻松。这与你正在使用的IDE没什么不同。许多开发人员都将Visual Studio Code作为首选IDE，这样他们就可以安装扩展。扩展的种类是无限的。Visual Studio市场上有太多扩展，本文将选择其中7种能使编码变得轻松的扩展进行介绍。请注意，所有这些插件都可以在Visual Studio Marketplace上免费获得。

1.REST客户端

REST客户端扩展允许使用者发送HTTP请求并直接在Visual Studio Code中查看响应。这能让我们告别外部应用程序，不再需要外部应用程序向服务器发送HTTP请求。它非常受欢迎，安装量超过一百万，已经有许多开发人员使用，我也已经使用这个插件很长时间了。发送请求从未如此简单。语法真的很干净，可以使用许多选项来满足使用者的需求。一个简单的GET请求所需要的只是一行包含GET关键字和URL的代码。

2.CSSPeek

如果你是网络开发人员，那么CSSPeek是绝对必备的。通过此扩展，只需将鼠标悬停在元素的类名或ID上，即可查看应用于HTML中某个元素的CSS规则。此外，此扩展不仅可以查看样式，还具有“转到”功能，使用者通过该功能可以立即跳转到应用于该元素的CSS规则，这节省了很多寻找正确选择器的时间。

3.Beautify

如果是喜欢简洁代码的人，那你绝对会喜欢Beautify，此扩展可帮助让的代码更加完美。Beautify支持JavaScript、HTML、CSS、Sass和JSON。这个扩展最棒的就是所有选项都是完全可自定义的，例如缩进大小以及文件是否应以新行结尾。如果使用多种编程语言编写代码，Beautify称得上是一个好帮手。可以为每种编程语言自定义选项。

4.AutoRenameTag

AutoRenameTag扩展的功能很简单，但是非常好用。该扩展可以自动重命名配对的HTML标签。如果重命名开始标签，它就会更改相应的结束标签。反之亦然。如果想在输入开始标签的结束括号时自动添加结束标签，那么可以查看AutoCloseTagextension。安装这两个扩展后，你将可以以更高效、更一致的方式编写HTML。

5.Quokka.js

Quokka.js是编辑器中的原型制作游乐场，可以访问项目的文件、内联报告等。代码中的值会在运行时更新，并显示在代码旁边的IDE中。一句话，就是厉害！

6.NightOwl

如果没有令人啧啧称赞的主题，那么优化VSCode的价值是什么呢？鉴于已经在VSCode上花费了很多时间，接下来就安装一个主题来使它的外观更好看吧。NightOwl主题是许多开发人员都使用的漂亮主题之一。根据对该主题的描述可知，它适合那些喜欢在深夜编写代码的人。如果不喜欢NightOwl主题的话也没有关系，其他漂亮的VSCode主题也有很多，在我另一篇文章中有介绍过。

7.JavaScript(ES6)codesnippets

JavaScript(ES6)codesnippets扩展包含十几个代码片段，可以使用它们来生成ES6代码片段。例如，键入clg然后按回车，将生成console.log。使用者可能要花一些时间来熟悉所有可能的代码片段，但一旦掌握了它们，便可以很快输入ES6。

本页网址：https://www.xinzhibang.net/article_detail-13582.html

寻求报道，请

关键词

Visual Studio Code 插件编码 REST客户端 CSSPeek Beautify AutoRenameTag Quokka.js NightOwl JavaScript(ES6)codesnippets

分享至微信：

相关工具

aiXcoder

自然语言到代码的方法级代码生成，以及多行智能代码补全

HTTPie AI

AI API开发工具

Imgcook

阿里推出的免费设计稿智能生成前端代码

天工智码Skycode

AI智能编程助手，轻松生成各种代码

Sketch2Code

微软AI Lab推出的将手绘草图转换成HTML代码工具

Mutable AI

人工智能加速软件开发

主入口人行天桥及周边景观提升工程

项目概况随着城市更新，城市的旅游产业文化日益浓厚。每逢周末，都市人便趁空出行，旅行散心。而本次的项目则来到了风景秀丽的景区，为了更好提升风景园区品质优化游客车行管理，本项目将针对风景名胜区主入口进行景观改造提升，同时协调周边博物馆、新建园区停车楼和新建人行天桥的人流车流交通组织。设计目标本次项

分类标签景区城市更新旅游产业

11-06 02:24

AI家居：让家居定制更加方便快捷

在当代这个不断进步型的社会，家庭住房布局成了必不可少的生活内容。更多的人想在有限的范围内创造出更大的利用价值，例如，为孩子打造一个良好的生活条件;为老人营造一个舒心的氛围;正常工作、持家的人有一个方便简洁的起居环境。如何用最低的价格、最短的时间，来取得最完美的家居体验。市面上的家居定制价格昂贵，成果

分类标签 AI家居家居定制家具定制

11-06 02:23

我亲身体验过的AI工具

语言翻译工具无论是在旅行中还是在国际商务交流中，语言翻译工具都是不可或缺的。通过使用自然语言处理和机器学习算法，这些工具能够准确地将一种语言翻译成另一种语言。我曾经使用过这样的工具帮助我与不同国家的人士进行沟通，让交流变得更加顺畅。写作辅助工具作为一名写作爱好者，我深知写作过程中面临的挑战。幸运的是

分类标签语言翻译写作辅助图像识别健康管理金融投资旅行规划

10-30 16:20

AI工具导航网站？"有这个就够了"

如果你正在寻找一个AI工具类的导航网站，那么你不妨看看这个超级酷炫的合集。它包含了许多绘画工具类型，如插画和创意生成等设计类型。此外，它还包括对AI工具等引导词提示语的收集和电商经常用的SEO优化功能。除此之外，这个导航网站还包括了标志设计和SEO搜索引擎的自动优化功能，以及可爱的儿童绘画和室内建筑

分类标签 AI工具导航网站SEO优化

10-07 18:08

未来百科最大的AI工具目录，每天更新！

推荐一个AI工具目录网站，截止到发稿，有1600多个ai工具了，每天都是几十个工具的更新！如果你像我一样对AI工具很感兴趣，那么你一定不能错过这个网站。这个网站叫做未来百科，拥有最大的AI工具目录，每天都会更新新的工具。这个网站分类非常全面，包括艺术、音频编辑、化身、代码助手、文案客户支持、设计助理

分类标签 AI工具未来百科目录

10-07 18:06

AI技术在NLP、虚拟人、多模态和视频生成方面的应用

AI技术在NLP方面的应用奥飞娱乐和科大讯飞都是在NLP领域有所建树的企业。奥飞娱乐旗下的光年无限有自己的AI对话机器人产品-图灵机器人开放平台，开发者可自行快速接入并创建个性化机器人，包含聊天机器人、智能客服等。科大讯飞则主导承建了认知智能全国重点实验室，同时已面向认知智能领域陆续开源了6大类、超

分类标签 AI技术NLP虚拟人多模态视频生成

10-05 00:12

昆仑万维：15年追逐蓝海，用中国技术改变一带一路国家的生活状态

昆仑万维：15年追逐蓝海，用中国技术改变一带一路国家的生活状态过去十年，中国企业经历了从“借势全球化”到“始于全球化”的出海思维转变。尤其近几年，出海企业增多、覆盖版图扩大的局面下，各企业、开发者的阅历更多，见识更广，彼此的信息差越来越小。当然也有部分老厂，在差异化竞争的战略下一直保持着对后来者一定

分类标签出海昆仑万维蓝海差异化竞争移动互联网AIGC

10-05 00:11

昆仑万维收监管函，朱明思想对实际情况的认知

昆仑万维收监管函，朱明思想对实际情况的认知近期，昆仑万维收到深交所监管函。朱明思想认为，要认知监管函，必须先认知实际情况、人性和公司，只有这样才能真正理解监管函的背后含义。本文分析了昆仑万维未客观完整反映实际情况的问题，并对朱明思想在认知实际情况中的应用进行了探讨。昆仑万维未客观完整反映实际情况的问

分类标签昆仑万维监管函朱明思想

10-05 00:08

昆仑万维回复深交所关注函，明确将发布中国版类ChatGPT产品

回复深交所关注函3月3日，昆仑万维(300418.SZ)收深交所关注函，要求公司说明相关情况。根据公告：要求结合公司AIGC、人工智能等业务的具体产品、应用情况、行业竞争力、已实现的收入规模、技术研发进展等，说明互动易回复的具体依据，相关回复是否审慎，并充分提示相关业务技术研发、应用实践、行业竞争等

分类标签昆仑万维深交所关注函AIGC人工智能ChatGPT产品发布

10-05 00:06

推荐精选的AI工具

推荐精选的AI工具随着ChatGPT的火爆出圈，炸出来一堆「AI神器」，它们不仅大大拓宽了我们原本的能力范围，更是让工作效率瞬间翻倍。以下是我们精选的几款AI工具，希望能够对大家有所帮助：Grammarly：一款语法检查工具，可检查拼写、语法和标点符号错误，还能提供句子重构建议，帮助你写出更加流畅的

分类标签 ChatGPTAI神器工作效率

10-03 07:32

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway