AI代码生成工具

MCP Server和VSCode扩展是一个基于Google LLM的AI代码生成工具,允许开发者通过自然语言提示生成HTML、CSS和JavaScript应用程序,并与VSCode无缝集成。

  • by Suryansh1987
  • JavaScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 suryansh1987/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
    
  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. 打开 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.