尝试这些新的 VS Code 扩展

你好，开发人员！

Visual Studio Code 本身就是一款功能强大的工具，但扩展程序可以将其提升到一个新的水平。我最近发现了以下 VS Code 扩展程序：EarlyAI、Qodo Gen、Jinno和Cline。从编写测试到预览 UI 组件，每个扩展程序都以独特的方式提高了编码效率。

在本文中，我将分享这些扩展以及它们如何改善您的日常开发工作流程。

让我们开始吧🚀

EarlyAI

EarlyAI VS Code 扩展程序使用 AI 自动为您的项目生成单元测试。它可以帮助您以最小的努力创建更好的测试覆盖率。

主要特点：

✅代码覆盖率
EarlyAI 扩展显示项目每个文件和文件夹的代码覆盖率百分比。

✅自动测试生成
它将自动为您的每个文件生成测试用例，您只需单击播放按钮即可。

✅文档和代码改进
除了测试生成之外，EarlyAI 还帮助提供功能文档和代码改进建议。

EarlyAI生成全面的测试，包括模拟并涵盖各种场景，例如快乐路径和边缘情况，从而提高代码覆盖率并识别项目中的潜在错误。

它支持VS Code和Cursor IDE，可与 JavaScript、TypeScript、Node.js、React、Angular 和 Python 等语言配合使用。

尝试一下 - EarlyAI

神野

✅实时组件预览

Jinno VS Code 扩展让您可以在 IDE 中无缝且即时地预览 React 组件，并支持 Next.js、Webpack、Vite、react-scripts 等。

Jinno 还将自动生成能够检测到的属性作为组件的输入。

✅与 Storybook 集成

如果您的组件接受复杂的属性（例如另一个组件），您可以在组件文件旁边创建一个“故事”文件（在同一目录中），在其中提供示例输入属性。

例如，如果您的文件是，请在其旁边（在同一目录中）UsersList.tsx创建一个名为的文件。UsersList.story.tsx

与浏览器中的重新加载相比，IDE 中的组件重新加载确实更快。

尝试一下 - Jinno

光之源

Qodo Gen VS Code 扩展由Qodo开发，是一款基于人工智能的编码助手和导师。Qodo Gen 可帮助您与团队一起编写、理解、测试和审查代码。

Qodo Gen 使用先进的 AI 模型深入了解您的代码结构、逻辑和上下文，以帮助您编写更好的代码。

主要特点：

✅ Qodo Chat
Qodo Chat 在您的开发环境中提供实时编码帮助。您可以提出关于代码的自由格式问题，并
使用 AI 驱动的自由格式查询功能获得任何问题的即时答案。

✅代码生成
它提供实时建议，与您的写作流程无缝集成。

✅自动测试生成

与 Early AI 一样，Qodo Gen 可以为您的功能生成测试并提供代码解释。

Qodo Gen 还支持几乎所有编程语言，您可以自定义要使用的测试框架和模型。

支持的模型：Deepseek R1、OpenAI o1-preview、o1-mini和GPT Family、Claude Sonnet 3.5、Gemini 1.5 Pro、Qodo 专有模型。

立即试用 - Qodo Gen

克莱恩

Cline 是一款开源的 AI 编码代理，可将 VS Code 打造成强大的协作开发工具。它可扩展，并可与您常用的 AI 模型集成。

主要特点：

✅使用任意 API 和模型
Cline 支持 OpenRouter、Anthropic、OpenAI、Google Gemini、AWS Bedrock、Azure 和 GCP Vertex 等 API 提供商。您还可以配置任何兼容 OpenAI 的 API，或通过 LM Studio/Ollama 使用本地模型。