Merge pull request #258 from TencentCloudBase/feature/wechat-devtools-support

feat(ide): 🎉 add WeChat Developer Tools support

Author: binggg

doc/components/IDEIconGrid.tsx

@@ -12,6 +12,13 @@ interface IDE {
 }
 
 const IDES: IDE[] = [
+  {
+    id: 'wechat-devtools',
+    name: '微信开发者工具',
+    platform: '微信开发者工具',
+    iconUrl: 'https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/assets/wechat-devtools-logo.png?v=2',
+    docUrl: '/ai/cloudbase-ai-toolkit/ide-setup/wechat-devtools',
+  },
   {
     id: 'cursor',
     name: 'Cursor',

doc/components/IDESelector.module.css

@@ -62,6 +62,7 @@
   background: none !important;
   box-shadow: none !important;
   cursor: default !important;
+  mix-blend-mode: normal;
 }
 
 .triggerText {
@@ -192,6 +193,7 @@
   background: none !important;
   box-shadow: none !important;
   cursor: default !important;
+  mix-blend-mode: normal;
 }
 
 .itemName {

doc/components/IDESelector.tsx

@@ -25,6 +25,19 @@ interface IDE {
 }
 
 const IDES: IDE[] = [
+  {
+    id: 'wechat-devtools',
+    name: '微信开发者工具',
+    platform: '微信开发者工具',
+    configPath: 'CodeBuddy MCP 市场',
+    iconUrl: 'https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/assets/wechat-devtools-logo.png?v=2',
+    docUrl: 'https://www.codebuddy.ai/docs/zh/ide/Config%20MCP',
+    supportsProjectMCP: false,
+    useCommandInsteadOfConfig: true,
+    installCommandDocs: '**步骤 1：安装 CodeBuddy 扩展**\n\n1. 在微信开发者工具中，点击顶部菜单栏的「扩展」\n2. 在扩展市场中搜索「CodeBuddy」\n3. 安装「腾讯云代码助手 CodeBuddy」扩展\n\n**步骤 2：安装 CloudBase AI ToolKit**\n\n1. 安装完成后，在工具栏找到 CodeBuddy 图标\n2. 点击右上角的 CodeBuddy 设置图标\n3. 在 MCP 市场中搜索并安装「CloudBase AI ToolKit」\n\n安装完成后即可在 CodeBuddy 中使用 CloudBase AI 功能。',
+    verificationPrompt: '检查 CloudBase MCP 工具是否可用, 下载 CloudBase AI 开发规则到当前项目',
+    configExample: '',
+  },
   {
     id: 'cursor',
     name: 'Cursor',

doc/ide-setup/wechat-devtools.mdx

@@ -0,0 +1,50 @@
+import IDESelector from '../components/IDESelector';
+import RelatedResources from '../components/RelatedResources';
+
+# 微信开发者工具配置指南
+
+配置后，你可以在微信开发者工具中的 CodeBuddy 扩展里直接操作 CloudBase 服务。
+
+**例如：**
+
+- "创建用户表" - AI 自动创建数据库集合
+- "部署这个函数" - AI 自动上传并配置云函数
+- "部署前端到 CDN" - AI 自动上传文件并配置托管
+
+无需切换到云控制台，所有操作都可以在 CodeBuddy 中用自然语言完成。
+
+## 前置条件
+
+在开始配置之前，请确保满足以下条件：
+
+<details>
+<summary><strong>已准备好Node.js 环境和云开发环境</strong></summary>
+
+**Node.js 环境：** 确保已安装 Node.js v18.15.0 或更高版本：
+
+```bash
+node --version
+```
+
+如果未安装，请从 [Node.js 官网](https://nodejs.org/en/download) 下载安装。
+
+**云开发环境：** 请参考文档 [开通云开发环境](https://docs.cloudbase.net/quick-start/create-env)。新用户可以免费开通体验。
+
+</details>
+
+---
+
+<IDESelector defaultIDE="wechat-devtools" showInstallButton={false} />
+
+## 常见问题
+
+**Q: MCP 连接失败？**
+A: 检查 CodeBuddy 扩展是否正确安装，重启微信开发者工具，确认网络连接正常。
+
+**Q: 工具数量显示为 0？**
+A: 请参考[常见问题](../faq#mcp-显示工具数量为-0-怎么办)。
+
+更多问题请查看：[完整 FAQ](../faq)
+
+<RelatedResources ideName="CodeBuddy" ideDocUrl="https://www.codebuddy.ai/docs/zh/ide/Config%20MCP" />
+

doc/sidebar.json

@@ -28,6 +28,7 @@
             "collapsible": true,
             "collapsed": true,
             "items": [
+              "ai/cloudbase-ai-toolkit/ide-setup/wechat-devtools",
               "ai/cloudbase-ai-toolkit/ide-setup/cursor",
               "ai/cloudbase-ai-toolkit/ide-setup/codebuddy",
               "ai/cloudbase-ai-toolkit/ide-setup/codebuddy-code",