版本：2.0.x

可视化开发工具

JitAI为开发者提供了可视化和全代码、编程与编排双模式的应用开发工具(后续简称IDE)。在运维管理工具的节点控制台中点击开发按钮，或在应用内切换到开发者门户，均可进入应用开发界面。IDE会自动加载当前应用及其继承应用的元素源码，开发者可以在同一个工作台中完成元素管理、可视化编辑、源码编辑、应用配置和AI相关开发配置。

IDE工作台布局

IDE采用三列工作台布局，左侧是主导航，中间是可折叠、可调整宽度的资源面板，右侧是多标签编辑区。

左侧主导航上方显示当前应用图标；中部按业务类型提供常用入口，包括角色、智能体、skills、服务、数据模型、功能；下方提供通用入口，包括所有元素、源码、配置、门户切换、语言切换和个人中心。

点击业务类型后，中间资源面板会展示该类型下的实例元素。点击所有元素后，中间资源面板会按元素Meta和Type展示完整元素目录树。点击源码后会展示源码文件树。点击配置后会展示应用基本信息、应用默认元素、应用环境变量等配置入口。右侧编辑区用于打开元素编辑器、源码编辑器、配置页面和其它工具页面，多个页面会以导航标签并排展示。

元素目录树和业务分类

进入IDE后，开发者可以通过两种方式定位元素：

在左侧主导航选择业务类型，按角色、智能体、skills、服务、数据模型、功能等业务分类查看元素。
点击左侧主导航中的所有元素，按元素Meta和Type查看完整元素目录树。

业务分类视图中，开发者可以搜索元素、按标签分组查看元素、快速添加当前业务类型的元素，并对单个元素执行查看源码、修改标题、设置标签、复制元素ID、导出源码、删除等操作。

所有元素视图中，开发者可以通过搜索框查找元素，也可以展开Meta和Type查看当前应用的全部元素。该视图支持创建元素、修改元素标题、复制元素ID、导出元素源码、删除元素、生成副本、使用标签进行分组，以及显示或隐藏继承应用元素。

添加元素

开发者可以在业务分类视图或所有元素视图中添加元素。在业务分类视图中，点击资源面板底部的添加按钮，即可创建当前分类下的元素，例如添加智能体、服务、数据模型或功能。在所有元素视图中，通过Create Element入口添加元素，需要依次选择元素的Meta和Type。Meta是最顶级的应用模块分类，例如：门户、页面、数据模型、智能体等。Type是Meta下的细分类型，例如页面Meta下的常规页面、数据管理页面、全代码页面等。

选定元素Type后，在弹窗中填写元素基本信息（如：名称、标题等），点击确定，元素会自动添加到对应的资源面板中，并在右侧编辑区打开该元素的编辑器。

可视化编辑器

添加元素后，或在资源面板中点击某个元素，都可以在IDE右侧打开可视化编辑器。以下图为例，开发者在页面编辑器中添加各类标准组件，配置业务功能，且可以实时预览效果。

可视化编辑器由元素的Type提供，元素Type的开发者会根据业务配置需要设计并开发对应的可视化编辑器。官方元素编辑器支持在可视化编辑和源码编辑两种模式之间切换，开发者既可以通过界面配置生成声明式代码，也可以在需要时直接修改源码。

源码编辑器

当可视化编辑器无法满足高度定制化的编辑需求时，开发者可以切换到源码编辑器进行编辑。

源码编辑器支持语法高亮、自动格式化、侧边预览、文件的新建/删除/重命名/内容编辑/保存等常用功能。

源码文件树

在IDE左侧主导航点击源码图标，即可打开源码文件树。

源码文件树支持按文件名搜索，也支持切换到内容搜索。开发者可以进行内容查找与替换、新建文件、新建文件夹、导入文件夹、文件夹的重命名/复制/移动/导出/删除、文件的重命名/删除、导出应用源码等操作。

在源码文件树视图下，开发者可以非常便捷地将其它应用导出的元素源码目录导入到当前应用中，实现复用。

应用设置

在IDE左侧主导航点击配置图标，即可打开应用设置。应用设置中包含应用基本信息、应用默认元素和应用环境变量。

基本信息

在应用基本信息中，开发者可以设置应用的标题、logo、继承的应用及版本，并检查继承应用版本更新。

默认元素

在应用默认元素中，开发者可以设置应用运行和开发时使用的默认元素，包括默认门户、默认主题、默认数据库、默认缓存、默认文件存储、默认登录页、默认语言包、智能体默认使用的LLM、智能体运行时记忆存储。

开发者可以在设置默认元素时直接创建新的元素，例如：创建一个新的文件存储元素并设置为默认使用的文件存储。

智能体默认使用的LLM用于设置新建或运行智能体时默认选用的大模型实例和模型配置。该模型需要支持Function Calling/工具调用，否则智能体无法正常调用工具。IDE会在选择模型时提示工具调用能力，当前推荐使用Aliyun/Bailian/qwen-max-latest，开发者也可以按项目需要选择其它支持工具调用的大模型。

智能体运行时记忆存储用于保存智能体运行过程中的关键状态，例如会话历史、中间结果、错误恢复状态和人工干预上下文。可选存储包括内存、MySQL和PostgreSQL。桌面版通常默认使用内存存储，服务端部署通常默认使用数据库存储；如果需要稳定支持多轮会话、异常恢复或多人协作调试，建议使用数据库存储。

环境变量

在应用环境变量中，开发者可以设置应用的环境变量值，设置后即可在当前运行环境下生效。

门户切换

应用通过给不同角色的人群分配不同的门户，从而提供不同的功能入口和导航界面。IDE支持开发者在开发过程中随时切换到不同的门户，验证门户的配置是否满足预期。

点击左侧主导航底部的门户切换入口，即可点选切换门户。

个人中心

开发者可以在个人中心修改个人昵称、账号、密码。

点击左侧主导航底部的个人中心入口，即可打开个人中心。

语言切换

点击左侧主导航底部的语言文案（English、简体中文等），即可切换界面语言。

多语言是JitAI开发框架提供的元素之一，不仅用于IDE的国际化，同样可以用于任意其它应用的国际化。

IDE中打开的所有界面都会显示为导航标签。

开发者可以快速切换标签，对指定标签执行关闭左侧、关闭右侧、关闭其它、关闭全部、刷新操作，也可以拖拽调整标签顺序。存在未保存修改的页面会在标签上显示提示，关闭时IDE会进行二次确认。

IDE工作台布局​

元素目录树和业务分类​

添加元素​

可视化编辑器​

源码编辑器​

源码文件树​

应用设置​

基本信息​

默认元素​

环境变量​

门户切换​

个人中心​

语言切换​

导航标签​