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。