JOKER智能可视化开发平台:一篇文章带你全面了解

发表时间: 2024-12-24 21:13

一、什么是 JOKER 智能可视化平台

JOKER 智能开发平台自发布以来便备受瞩目,它于 2024 年 10 月 20 日重磅登场,需要明确的是,其定位并非低代码平台,而是一款具有创新性的可视化开发工具。这一精准的定位使得它在开发领域独树一帜,凭借其卓越的性能和独特的功能,迅速崭露头角,并有望在未来实现更大的突破和爆发式增长。它具有以下显著优势:

  1. 便捷的在线开发环境:只要拥有浏览器,开发者就能随时随地在线开发前端和服务端项目,摆脱了传统开发对特定设备和环境的依赖,真正实现了开发的自由化和便捷化。
  2. 强大的前端框架支撑:采用 JOKER 前端框架,深度支持高灵活性的可视化开发,能够在线完成所有离线本地代码开发功能,无论是复杂的区块参数传递、动态组件的创建与管理,还是事件参数的精准设置,均可以通过直观的可视化操作轻松达成,极大地降低了开发难度,提升了开发效率。
  3. 高效的组件开发与管理体系:平台的高灵活性赋予开发者在线开发组件并发布的能力,发布后的组件可即时在项目中引用,形成了流畅的线上化工作流程。同时,所有前端资产的管理,包括版本的更迭、议题的讨论以及发布的流程,都能在平台上有序进行,实现了资产的集中化和规范化管理。

版本列表

  1. 独创的逻辑编排模式:针对可视化开发工具中逻辑编排的难题,JOKER 平台独辟蹊径,采用基于表达式的开发模式,成功模拟线下开发模式的优势,让用户在任何组件属性、方法节点都能清晰洞察所能操控的属性,并与 typescript 完美融合,提供快速准确的代码提示,确保开发过程的流畅性和代码质量的可靠性。


逻辑可视化编辑

平台提供了基于拖拽方式的逻辑编排,也提供了基于表达式的开发默认,可以直接在线使用javascript去完成代码开发,并且平台为我们自动完成了上下文的类型声明,所有属性都具备联想快速提示功能。

代码编辑器

  1. 智能的代码检查与调试功能:内置全面的代码检查功能,能够自动检测开发代码中诸如参数丢失、类型不一致等常见错误,并为开发者提供详细且易懂的修复指南,帮助开发者及时发现并解决问题,保障代码的稳定性和健壮性。同时,平台还配备了在线调试功能,通过先进的多页面协同通讯技术,让开发者在本地即可轻松运行项目,实现即时预览和修改,无需繁琐的发布编译步骤,大大缩短了开发周期。

代码检查

运行调试

  1. 规范优质的代码输出:在代码输出方面,JOKER 平台树立了行业标杆,开发的代码能够转换为格式规范、注释详尽、方法命名合理且文件引用准确的高质量代码,无论是用于本地发布部署还是二次开发,都具有极高的可用性和可维护性。
  2. AI智能助手:JOKER智能开发平台内部集成了AI助手,我们可以通过AI助手完成代码自动生成,只要告诉他你想要的内容,AI助手就会帮助你完成代码的开发,并在平台内通过可视化的方式进行展现

AI助手

  1. 完善的前端生态系统:JOKER 平台不仅是一个孤立的开发工具,更是一个涵盖核心框架、脚手架路由管理以及 VSCODE 开发插件等在内的完整前端生态体系,为开发者提供了全方位、一站式的开发支持,满足了多样化的开发需求,提升了开发的整体效能和体验。

VSCODE插件

二、JOKER 智能开发平台的基本操作流程

  1. 团队与仓库创建:JOKER 平台围绕团队进行资产的管理和组织。开发者进入平台后,首要任务是创建团队,团队创建完成后,即可在团队内部创建不同类型的仓库。仓库类型丰富多样,包括前端和服务端,其中前端仓库又进一步细分为组件库、方法集和项目,这样的分类方式有助于开发者快速明确仓库的用途和定位,为后续的开发工作奠定坚实的基础。

团队首页

仓库首页

  1. 进入工作台开发:创建完仓库后,在仓库首页找到 “去工作台” 按钮并点击,即可跳转至仓库工作台,这里便是实际的开发阵地。开发者可以在这里尽情施展才华,开展项目、组件等的开发工作,平台提供了丰富的工具和功能模块,满足各种开发需求,确保开发过程的高效与顺畅。

工作台

  1. 组件市场的运用:在开发过程中,往往需要依赖各种组件库和 NPM 服务。JOKER 平台贴心地为开发者打造了编辑功能强大的组件市场,开发者只需在工作台的组件市场中搜索并查找所需安装的组件或方法集,点击安装后,无需重启项目,就能立即在组件工具箱或方法组件面板中看到新安装组件所提供的功能,实现了组件的快速集成和应用,显著提升了开发效率。

组件市场

组件工具箱


  1. 版本发布流程:当开发工作告一段落,完成一个组件、方法集或者项目的开发后,开发者可以在线发布版本。在仓库首页点击 “创建发行版”,平台将引导开发者逐步完成版本发布的各项工作。首先是进行发布前的代码检查,确保代码质量符合标准;接着选择新版本所关联的议题,这有助于记录和追溯问题的解决过程;然后编写新版本的更新日志,清晰地呈现版本的更新内容和改进之处;最后完成版本的正式发布,整个过程严谨而有序。

发布版本

  1. 代码生成与管理:发布完版本后,为了满足开发者在不同场景下的需求,平台提供了代码生成的按钮,开发者点击 “生成代码并下载”,即可获取仓库代码,并将其下载到本地。这些代码具有极高的规范性和可用性,开发者既可以在本地进行二次开发,进一步优化和拓展项目功能,也可以将代码发布到自己的服务器上,实现项目的上线运行。此外,对于平台上其他开发者公开的优质仓库,如果开发者希望在此基础上进行二次开发、

代码生成和下载

  1. 仓库克隆平台还提供了克隆仓库的功能,只需点击要克隆的版本,就能轻松获得一个完全属于自己团队的相同仓库,方便开发者根据自身需求进行特色化的修改和定制,实现资源的共享与创新利用。

版本克隆

生成代码展示


通过以上对 JOKER 智能开发平台的全面介绍,我们可以清晰地看到其在可视化开发领域的强大优势和便捷操作流程,为广大开发者提供了一个高效、创新的开发平台,有望引领开发领域的新潮流,推动更多优质项目的诞生和发展。