https://www.decoide.org/video.mp4
一款可视化组件编辑器，让您可以通过拖拽方式快速构建用户界面，支持 ReactNative/React/Vue 框架。
Features
|
|
| 📚 |
页面模版开箱即用,可快速构建页面骨架代码 |
| ✨ |
可视化拖拽组件到编辑器 |
| 📦 |
实时属性编辑面板 |
| 🎨 |
自动生成并同步代码 |
| 🎲 |
内置常用 UI 组件库 |
| 🧱 |
代码格式化与撤销历史支持 |
Install
- 通过 VS Code 扩展市场安装
- 打开 VS Code
- 进入扩展视图 (Ctrl+Shift+X)
- 搜索 "Deco Visual Editor"
- 点击安装按钮
- 手动安装
- 下载 .vsix文件
- 在 VS Code 中运行命令:
- code --install-extension deco-visual-editor-X.X.X.vsix
🚀 快速开始
- 打开组件面板
- 点击编辑器左侧工具栏的 Deco 图标
- 或使用命令面板 (Ctrl+Shift+P) 搜索 "Open Deco Panel"
- 拖拽组件
- 编辑属性
- 组件插入后会自动打开属性面板，您可以:
- 修改组件属性
- 预览实时变化
- 自动同步到代码
- 生成完整代码
- 插件会自动处理:
- 组件导入语句
- 属性绑定
- 代码格式化
| |
