18种有趣的Vscode插件介绍

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）对其进行分析。
在跟踪视图和序列图中可以轻松发现错误、循环、调用、依赖关系、安全问题等。

VSCode Harpoon
VSCode Harpoon 是一个文件导航工具，可让您标记编辑器并跳转到标记的编辑器。
添加第一个编辑器时，它将被设置为editor 1、下一个editor 2等等。
然后，您可以跳转到工作区的任何位置editor 1或editor 2从工作区的任何位置跳转。

感来自于 The Primeagen 的 neovim Harpoon插件。

DTDL
数字孪生定义语言(DTDL) 是一种用于描述即插即用设备、设备数字孪生和逻辑数字孪生模型的语言。从广义上讲，建模使物联网解决方案能够在单个解决方案中从多个来源提供、使用和配置各种数字孪生。使用 DTDL 描述任何数字孪生的能力使 IoT 平台和 IoT 解决方案能够利用每个数字孪生的语义。

借助Visual Studio Code 的 DTDL 扩展，您可以充分利用以下主要功能，更有效地使用 DTDL 读写文档：

• 使用预定义或自定义模板从命令选项板创建界面。
• 智能感知可帮助您了解语言语法（包括自动完成）。
• 使用预定义的代码片段高效地开发 DTDL。
• 语法验证。