18种有趣的Vscode插件介绍

极道Jdon

已于 2023-07-16 09:14:20 修改

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： vscode 文章标签： vscode ide 编辑器

于 2023-07-16 09:12:59 首次发布

原文链接：https://www.jdon.com/67335.html

vscode 专栏收录该内容

1 篇文章

订阅专栏

文章介绍了多个提升开发者效率的VSCode扩展，包括Playwright的测试录制功能，SemanticKernelTools（SK）用于集成大语言模型，以及各种实用工具如SolanaBeach主题、TSVersionsSwitcher、RESTClient等。此外，还提到了GitoCommito自动化提交工具和AppMap动态分析代码行为的特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Playwright

Playwright 提供了可以使用 VSCode 记录新测试。选择“录制新内容”，然后将打开一个浏览器，您可以像用户一样单击所需的网页。同时，Playwright 将记录您的活动作为新的测试。

Semantic Kernel Tools

将尖端的大语言模型快速轻松地集成到您的应用程序中：
语义内核 (SK)是一种轻量级 SDK，可将 AI 大语言模型 (LLM) 与传统编程语言集成。SK 可扩展编程模型结合了自然语言语义功能、传统代码本机功能和基于嵌入的内存，释放了新的潜力，并为人工智能应用程序增加了价值。

SK 支持即时模板、函数链、矢量化内存和开箱即用的智能规划功能。
语义内核支持并封装了最新人工智能研究中的多种设计模式，以便开发人员可以在其应用程序中注入提示链、[url=https://github.com/microsoft/semantic-kernel/blob/main/docs/PROMPT_TEMPLATE_LANGUAGE.md]递归[/url] 推理、摘要、零/几次学习、上下文记忆、长期记忆、嵌入等插件，语义索引、规划、检索增强生成和访问外部知识存储以及您自己的数据。

安装语义内核工具扩展后，您将在活动栏中看到一个新的SK选项

必须配置一个供语义内核使用的 AI 端点

Solana Beach主题

这个主题是很棒的 SynthWave '84 主题的一个分支。
从 v0.1.15 开始，无需外部扩展或依赖项即可激活发光效果！
首先，从 VS Marketplace 安装基本主题。这就是 SolanaBeach '22 的日常使用方式。如果你想让 80 年代的光彩焕发，就需要做一些额外的工作才能实现。

VS code 本身不支持文本效果，因此，发光效果是实验性的。它可能有缺陷，虽然它看起来很不错，但它并不适合长期使用。

TS Versions Switcher

切换typescript版本

在命令面板运行Switch TS Version

REST Client

发送 HTTP 请求并直接在 Visual Studio Code 中查看响应。

toggle quote

只需点击一下（cmd + ’ ）就可以改变在单引号和双引号之间切换。

CONSOLE NINJA

添加console.log到代码将在编辑器中相关代码行的旁边显示日志输出。
能够在Vscode编辑器中相关代码行旁边立即看到日志，无需手动刷新运行，将鼠标悬停在console.log或错误值上将显示更多详细信息。

RAINGLOW

包含320 多个主题的集合，适用于各种不同的编辑器和软件。

Random Everything

一个 VS Code 扩展，可生成随机整数、浮点数、字符串、单词等。

Snippet Creator

此扩展有助于自动创建代码片段。选择要从中创建代码片段的代码，并使用Create Snippet命令面板或自定义按键绑定中的命令。

GitoCommito

自动提交生成：根据您的分阶段更改生成提交。
遵守常规提交：遵守常规提交标准，无需记住约定。
与 OpenAI 集成：利用 OpenAI 语言模型的强大功能来创建有意义的提交消息。

VS Code Counter

可以获得项目或工作区中的代码行数。

vscode-gradle-groovysh

在 Gradle 项目的上下文中启动 groovysh

Inline Fold

VS Code Inline Fold扩展模拟了VS Code对内联代码的折叠体验。
这在使用像Tailwind CSS这样的框架时尤其有用，因为这些框架使用了大量的实用类，而这些实用类通常会破坏代码的可视化结构。你可以通过点击折叠展开它们。
您还可以将扩展配置为针对标记中的特定属性。
作为掩码使用的字符可以在设置中进行配置，您还可以更新regex表达式以匹配您想要的任何代码模式。
该扩展还可以在HTML/JSX标记中折叠属性值。它使您的代码更加整洁，更易于浏览。

MobileView

MobileView提供了一个响应式移动视图，可直接以visual studio代码的形式测试应用程序和网站的移动视图。

AppMap

AppMap 通过在提交更改并投入生产之前分析运行时代码行为来增强开发人员体验。
AppMap 记录应用程序如何运行的详细痕迹，并根据框架和技术（包括 Web 服务、视图模板、HTTP 客户端请求、缓存、身份验证和 SQL）对其进行分析。
在跟踪视图和序列图中可以轻松发现错误、循环、调用、依赖关系、安全问题等。