Quick Start
Welcome to CloudBase AI ToolKit! Describe your requirements in natural language, and AI will automatically generate the code and deploy it to the Tencent Cloud Development Platform.
🌟 Core Capabilities
- 🤖 AI-Powered Intelligent Development: Automatically generate code and architecture design.
- ☁️ Cloud Development Integration: One-click access to databases, cloud functions, and static hosting.
- 🚀 Rapid Deployment: Deploy full-stack applications within minutes.
- 📱 Full-Stack Support: Web + Mini Program + Backend Integration
- 🔧 Intelligent Repair: AI automatically views logs and fixes issues.
🎯 Applicable Scenarios
Rapid prototyping, learning and practice, business development, Mini Program development
🚀 Step 1: Select Your AI Development Tool
Select the AI development tool you are currently using or plan to use, and click to view the detailed configuration guide:
Tool | Supported Platform | View Guide |
---|---|---|
Cursor | Standalone IDE | View Guide |
WindSurf | Standalone IDE, VSCode plugin, JetBrains plugin | View Guide |
CodeBuddy | VS Code, JetBrains, WeChat DevTools, Standalone IDE (Recommended, with CloudBase AI Toolkit built-in) | View Guide |
CLINE | VS Code plugin | View Guide |
GitHub Copilot | VS Code plugin | View Guide |
Trae | Standalone IDE | View Guide |
Tongyi Lingma | Standalone IDE, VS Code plugin, JetBrains plugin | View Guide |
RooCode | VS Code plugin | View Guide |
Baidu Comate | VS Code plugin, JetBrains plugin | View Guide |
Augment Code | VS Code, JetBrains plugin | View Guide |
Claude Code | Command-line tool | View Guide |
Gemini CLI | Command-line tool | View Guide |
OpenAI Codex CLI | Command-line tool | View Guide |
OpenCode | Command-line tool | View Guide |
Qwen Code | Command-line tool | View Guide |
Quick Configuration (General)
If your tool does not have a dedicated guide yet, you can use the following general MCP configuration:
{
"mcpServers": {
"cloudbase": {
"command": "npx",
"args": ["npm-global-exec@latest", "@cloudbase/cloudbase-mcp@latest"]
}
}
}
After completing the configuration, enter the following content in the AI chat for verification:
Check if the CloudBase tool is available
✅ Step 2: Verify Environment
Prerequisites Check
✅ Node.js v18.15.0+ installed
Ensure Node.js v18.15.0 or above is installed on your computer. Check the version:
node --version
If not installed, please download and install it from the Node.js official website.
☁️ Activate Cloud Development Environment
Visit the Tencent CloudBase console to activate an environment (free for new users).
🚀 Optional: Acceleration Configuration
Set npm Mirror Registry (to improve download speed):
npm config set registry https://mirrors.cloud.tencent.com/npm/
Clear npx Cache (to avoid installation issues):
npx clear-npx-cache
🎯 Step 3: Select Project Template
📦 Use pre-built templates (Recommended for beginners)
We have prepared project templates with various tech stacks for you, featuring built-in CloudBase best practices and AI rules:
- 📱 WeChat Mini Program + Cloud Development
- ⚛️ React Web + Cloud Development
- 💚 Vue Web + Cloud Development
- 🦄 UniApp Cross-platform Application + Cloud Development
- 🛠️ Universal Template (Suitable for any tech stack)
After selecting the appropriate template, simply tell the AI:
Download [Template Name] to the current directory
If you only want to download configuration files for a specific IDE to avoid cluttering your project files, you can specify the IDE type:
Download the Mini Program CloudBase template with only the Cursor configuration
Download the React CloudBase template with only the WindSurf configuration
Download the universal Cloud Development template containing only the Claude Code configuration
🔧 Enhance Existing Projects
If you already have a project, simply tell the AI:
Download CloudBase AI rules in the current project
AI will automatically download and configure CloudBase rules in your project. It also supports specifying the IDE type:
Download CloudBase AI rules in the current project, with only the Cursor configuration
Download CloudBase AI rules in the current project, containing only the WindSurf configuration
🔐 Step 4: Log in to CloudBase
In the AI conversation, enter:
Log in to CloudBase
AI will automatically:
- Pop up the Tencent Cloud login interface
- Display available CloudBase environments
- Complete environment selection and configuration
Verify Login Status
Query current CloudBase environment information
🚀 Step 5: Start Development
Now you can describe your requirements in natural language to have the AI develop applications for you:
Example Requirement
Help me create a to-do application with:
- Add, delete, and edit to-do items
- Store data to cloud database
- Support marking completion status
- Deploy to the cloud
Creating a simple blog system requires:
- Article list page
- Article detail page
- Article publishing feature
- Store data to cloud database
💡 Development Tips
- Detailed description: The more detailed the requirements description, the more accurate the code generated by AI
- Incremental Development: Features can be added gradually, such as implementing basic functionality first, then adding advanced features
- Error Handling: When encountering issues, provide the complete error information to the AI
- Log Debugging: You can request the AI to view cloud function logs for troubleshooting
🎯 Typical Development Workflow
🔧 Debugging and Issue Resolution
When Encountering Errors
An error occurred. The error message is: [paste complete error message]
Cloud Function Debugging
The cloud function is running abnormally. The requirement is [describe the original requirement]. Please check the logs to debug and fix the issue.
Environment Switching
If you need to switch the CloudBase environment:
Log out of CloudBase
Then log in again and select a different environment.
🎉 Complete! You are ready
✅ AI development tool has been configured
✅ CloudBase environment is connected
✅ Project template is ready
✅ Development workflow is understood
Start describing your application requirements in natural language now, and let the AI help you quickly build full-stack applications!
📚 Advanced Learning
- 📖 Project Template Details - Learn more about various project templates
- 💻 Development Best Practices - Master advanced development techniques
- 🎯 Practical Cases - Learn from real project experience
- 🛠️ MCP Tools Reference - Learn about all available tools
- ❓ FAQ - Resolve issues encountered during development