应用编辑引擎开发工具是基于应用编辑引擎进行业务开发的编程利器,包括插件工程创建,插件源代码生成等功能,并集成到了上下文右键菜单中,操作简单方便,欢迎使用!
*** 安装完插件后,将生成大纲的右键菜单,在大纲任意位置右键,即可弹出 ***
【快速开始】:
通过右键菜单 应用编辑引擎开发工具 > 初始化插件工程 新建插件脚手架工程
切换插件脚手架工程为工作窗口目录
(重要!!重要!!重要!!)
在插件脚手架工程通过右键菜单 创建面板插件 创建一个插件源代码目录
完成插件源代码编写后,采用 编译选定插件 或 编译所有插件 编译模式编译插件,将在工作目录下生成一个zips文件夹编译出一个或多个插件压缩包。
[注意]:“编译所有插件(纯净版)”编译出的产出物会去掉debugger和console
【插件开发】
- 插件基于vue3框架编写,支持javascript,typescript语言,创建面板插件时可以选择相应选项
- element-plus组件库可直接使用,不需要下载依赖和注册,样式需自己覆盖
【本地调试】
- 安装pnpm包管理(npm i pnpm -g)
- 安装插件工程(pnpm i)
- 启动插件工程服务(pnpm run serve):默认是https协议,如有必要,可通过修改根目录下.env文件改为http
- 浏览器访问 https://localhost:9199/
【线上调试】
安装pnpm包管理(npm i pnpm -g)
安装插件工程(pnpm i)
启用开发模式(pnpm run dev): 修改comonents中的源码后会触发实时build(监听的是整个源代码目录,插件较多时性能较差)
或(pnpm run dev:watch):此命令不能识别package.json的变化,且仅按需编译正在编辑的插件源代码,如果不常修改配置,建议采用这种
启动服务(pnpm run serve): 默认是https协议,如有必要,可通过修改根目录下.env文件改为http
[注意]:平台的访问协议必须和插件工程一致。都是https或者http,否则获取不到本地插件列表
用跨域浏览器或者浏览器无痕模式登录平台,创建或者使用一个应用,地址栏追加/devtools,进入调试应用模式,比如:
https://10.40.239.147/aee/#/editor/a/bdf21ca2639d398d7778fdfb33747bc6/devtools
- 编辑器菜单将加载本地插件工程中的插件列表,拖入画布中进行插件调试
- 默认开启sourceMap,可通过控制台寻找localhost:9199服务页面下插件源代码,并添加断点调试,如下:
【注意】:
- 修改插件源代码,应用会实时更新插件状态,无需刷新应用页面
- 新增插件目录或者删除插件目录需重启dev,并刷新应用页面;
- serve服务使用9199,这个端口暂不支持自定义请确保未被占用
- 线上调试时,如是https协议,需主动访问一次 https://localhost:9199/ 并完成协议连接
以无法为有法;以无限为有限;是为编程最高境界!!!
😀😀😀😀😀😀😀😀😀
| |