MCP Server Createanyhtmlapp

MCP服务器和VSCode扩展

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

特性

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

安装

MCP服务器

1. 克隆此存储库：

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

1. 导航到服务器目录：

   cd mcp-server

1. 安装依赖项：

   npm install

1. 启动服务器：

   npm start

VSCode扩展

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

   cd vscode-extension

1. 安装依赖项：

   npm install

1. 在VSCode中运行扩展程序：

   npm run compile

1. 打开 Run and Debug 在VSCode中打开选项卡并启动扩展。

用法

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

配置

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

贡献

请随意分叉此存储库，并通过pull请求进行贡献。确保您的代码遵循最佳实践，并在必要时包含文档。

许可证

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

联系

对于任何问题或功能请求，请在存储库中打开问题或通过电子邮件联系 suryanshsingh2586@gmail.com.