HAP for VSCode
Creating, developing and managing HAP worksheet view plugins, as well as developing standalone websites based on HAP applications.
✨ Features
🌍 Multi-Server Support
Connect to different HAP platform deployments:
- Mingdao (
www.mingdao.com) - The official Mingdao cloud platform
- Nocoly (
www.nocoly.com) - The Nocoly cloud platform
- Self-Hosted - Your organization's private HAP deployment (any custom URL)
The login page lets you select the target server before authorizing. If a project already has an mdye.json config file, the server is automatically detected and locked to the correct deployment. Previously used self-hosted addresses are remembered for convenience.
🚀 Quick Start
- One-click Plugin Creation - Select views from applications and worksheets to quickly initialize plugin projects
- Multiple Code Templates - Provides Javascript, TypeScript, React, Vue and React + TypeScript templates
- Agent Skill Integration - Optional integration with Vibe Coding Agent Skill to accelerate development workflow
- Live Development Server - Built-in Webpack Dev Server with hot reload support
- One-click Build & Bundle - Automated build process without manual configuration
- Parameter Sync - Upload/download plugin parameter configurations, bidirectional sync between local and platform
- View Preview - Preview plugin effects directly in browser
📦 Version Management
- Code Commit - Built-in commit functionality
- Commit History - View all historical commit records
- Version Deletion - Manage and clean up unwanted commit versions
🌐 Multi-language Support
- Chinese (Simplified)
- English
- Japanese
- Chinese (Traditional)
🚀 Getting Started
1. Install Extension
Search for "HAP for VS Code" in the VS Code extension marketplace and install.
2. Select Server & Login
Click the HAP icon in the left activity bar. On the login page:
- Mingdao or Nocoly - Select the corresponding card; the server address is filled in automatically.
- Self-Hosted - Select the "Self-Hosted" card and enter your deployment URL (e.g.
https://hap.yourcompany.com). The URL is remembered for next time.
Then click "Login to HAP". A browser window will open for authorization. If a valid session already exists for the selected server, login completes immediately without opening the browser.
If a project folder contains an mdye.json file, the server is automatically detected from the configuration and cannot be changed on the login page.
3. Create Plugin Project
- Click "Develop HAP View Plugin"
- Select application and worksheet
- Select an existing view or create a new one
- Choose a code template
- (Optional) Select AI coding assistant to integrate and automatically create Skill
- Click "Create Plugin" button
4. Start Development
After project creation, it will automatically switch to the development panel:
- Start Development Server - Click the "Start Dev Server" button
- Live Preview - Click the view preview link to view effects in browser
- Edit Code - Edit code in the
src/ directory in VS Code
5. Commit Code
After development is complete:
- Enter commit message
- Click the "Commit" button
- The extension will automatically compile, upload and commit the code
🔧 Troubleshooting
Cannot Login
- Ensure network connection is working
- Check if the selected server address is correct
- For self-hosted deployments, verify the URL is reachable from your machine
- Try accessing the HAP platform in a browser directly
Development Server Failed to Start
- Check if port 3000 is already in use
- Run
npm install to install dependencies
- View error details button for complete error information
Commit Failed
- Ensure you are logged into HAP
- Check network connection
- Ensure code can compile successfully
- View error details for specific reasons
📝 Changelog
0.0.4-beta (Initial Release)
- 🌍 Multi-server support: Mingdao, Nocoly, and self-hosted private deployments
- 🚀 Support creating and managing HAP view plugins
- 🛠️ Built-in development server and build tools
- 📦 Support code commit and version management
- 🔄 Support parameter configuration sync
- 🌐 Multi-language support (Chinese, English, Japanese, Traditional Chinese)
Copyright (c) 2026 Mingdao.com
Enjoy developing! 🎉
