Mcp Server Createanyhtmlapp

🚀 MCP 服务器 & VSCode 扩展

本仓库涵盖了MCP（模型控制编程）服务器及其VSCode扩展的代码。该扩展借助Google的大语言模型，支持开发者通过简单提示，运用HTML、CSS和JavaScript创建应用程序，极大提升开发效率。

🚀 快速开始

安装

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. 启动MCP服务器。
2. 在VSCode中打开命令面板（Ctrl+Shift+P / Cmd+Shift+P），选择“使用提示创建应用”。
3. 输入描述您要生成的应用程序的提示。
4. 扩展将自动生成并打开所需的文件。
5. 编辑和优化代码，然后在浏览器中预览应用程序。

✨ 主要特性

• 自然语言生成应用：使用自然语言提示即可生成完整的HTML、CSS和JavaScript应用。
• 无缝集成VSCode：与VSCode无缝集成，提供增强的开发体验。
• 高质量AI代码生成：利用Google大语言模型生成高质量的AI代码。
• 后端动态代码生成：MCP服务器作为后端处理提示并动态生成代码。

🔧 配置

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

🤝 贡献

欢迎 fork 此仓库并提交 pull request。请确保代码遵循最佳实践，并在必要时包含文档。

📄 许可证

本项目采用MIT许可证。

📞 联系方式

如有任何问题或功能请求，请在此仓库中打开 issue 或通过邮箱联系 suryanshsingh2586@gmail.com。