MCP 服务器 & VSCode 扩展

此仓库包含 MCP (模型控制编程) 服务器的代码和一个 VSCode 扩展，该扩展使开发人员能够通过简单的提示，使用 HTML、CSS 和 JavaScript 创建应用程序，由 Google 的 LLM 提供支持。

功能

• 使用自然语言提示生成完整的 HTML、CSS 和 JavaScript 应用程序。
• 与 VSCode 无缝集成，以增强开发人员体验。
• 利用 Google LLM 生成高质量的 AI 代码。
• MCP 服务器充当后端，动态处理提示并生成代码。

安装

MCP 服务器

1. 克隆此仓库：

   git clone https://github.com/your-username/mcp-server-vscode-extension.git
   

2. 导航到服务器目录：

   cd mcp-server
   

3. 安装依赖项：

   npm install
   

4. 启动服务器：

   npm start
   

VSCode 扩展

1. 打开 VSCode 并导航到 extensions 目录：

   cd vscode-extension
   

2. 安装依赖项：

   npm install
   

3. 在 VSCode 中运行扩展：

   npm run compile
   

4. 打开 VSCode 中的“运行和调试”选项卡并启动扩展。

用法

1. 打开 VSCode 并启动 MCP 服务器。
2. 使用命令面板 (Ctrl+Shift+P / Cmd+Shift+P) 并选择“Create App with Prompt”。
3. 输入您的提示，描述您要生成的应用程序。
4. 该扩展将自动生成并打开所需的文件。
5. 根据需要进行编辑和完善，然后在浏览器中预览应用程序。

配置

• 确保在使用扩展之前 MCP 服务器正在运行。
• 该扩展通过 http://localhost:3000 与服务器通信。 如果需要，请修改 config.json。

贡献

欢迎 fork 此仓库并通过 pull request 贡献代码。 确保您的代码遵循最佳实践，并在必要时包含文档。

许可证

本项目根据 MIT 许可证获得许可。

联系方式

如有任何问题或功能请求，请在仓库中打开 issue，或通过电子邮件 suryanshsingh2586@gmail.com 与我们联系。