返回官网

界面介绍

了解 TrieCode 的工具栏、活动栏、侧栏、编辑器、底部子面板(输出/问题/终端/串口)、AI 对话与状态栏。

TrieCode 采用 VS Code 式五区布局:顶部工具栏、左侧活动栏 + 侧栏、中间代码编辑器、底部子面板、右侧 AI 对话。

工具栏(顶部)

集中最常用操作(新建 / 打开 / 保存在文件树侧栏头部与「文件」菜单里):

区域功能
左侧文件树开关、折叠 / 还原编辑器
菜单栏文件(新建项目 / 打开项目 / 从 Git 克隆项目 / 保存 / 另存为 / 关闭项目 / 最近项目)、编辑、视图、帮助
运行软件项目:一键运行(自动探测 python main.py / node index.js 等,下拉可看命令与解释器是否可用),输出进底部终端
编译 / 上传嵌入式项目:由主动工具链插件的能力驱动(编译中显示「取消」)
串口监视器 / 终端直接打开底部对应面板
搜索全仓代码符号搜索(函数 / 类 / 方法 / 变量,浮层)
右侧更新指示、账户(用量卡片)、设置、窗口控制(最小化 / 最大化 / 关闭)

插件不能往顶部工具栏加按钮(工具栏是软件核心功能区);插件命令的入口在插件面板里。

活动栏 / 侧栏(左侧)

活动栏常驻(不随侧栏折叠),侧栏可拖拽调宽、拖窄自动折叠:

活动项内容
文件当前项目层级化文件树(文件夹可折叠 + 文件/文件夹计数;新建 / 重命名 / 删除 / 跳转)
源代码管理Git 面板:分支头 + 改动列表(点文件名看 diff)+ 暂存 / 取消暂存 / 丢弃 / 提交 / 推送 / 拉取 + 冲突解决 + 检查点回退;有 AI 待审阅改动时图标带角标
插件插件市场与管理(顶部「官方市场 / 已安装」,含「从文件夹安装」「从 ZIP 安装」)
各插件标签每个启用的工具链插件一个条目;面板内是「设备 / 插件视图 / 设置」顶级选项卡

开发板、库管理(Arduino)、目标与工具链、Kconfig 配置(ESP-IDF) 都在相应插件的面板里(面板内的选项卡),不再各占一个活动栏项。

ESP-IDF 的「配置」选项卡是图形化 Kconfig 编辑器:修改符号并保存写回 sdkconfig

代码编辑器(中间)

基于 Monaco(VS Code 同款内核),支持多语言

  • 语法高亮、代码折叠、多光标(Python / JS/TS / C++ / Rust / JSON / Markdown …)
  • 图片文件实时预览
  • 深色 / 浅色主题切换
  • 编译错误点击跳转定位

底部子面板

编辑器下方可切换:

面板说明
输出工具栏与 AI 的编译 / 烧录输出流式进入(cli 能力带 stream
问题编译错误 / 警告列表,点击跳转
终端内置交互式终端(xterm + node-pty):跑 Python REPL、vim、ssh,或任何命令
串口监视器嵌入式开发串口日志(插件提供)
绘图仪串口数据波形(插件提供)

AI 对话(右侧)

TrieCode 的核心亮点,支持:

  • 用自然语言描述需求,AI 生成完整代码
  • 读写文件、执行命令、运行测试、联网检索
  • 子智能体调研、记忆、技能、MCP、计划模式
  • 三种模式:自动(除高风险命令与受保护路径外直接执行)、默认(操作需确认)、计划(先出方案)
  • 工具执行以卡片实时显示(失败会标红,不再显示成绿勾);子代理与独立验证各有自己的卡片;工具卡可一键「打开文件」「复制命令 / 结果」

更多 AI 功能详见 AI 智能体使用

状态栏(底部)

显示工具链来源与切换入口、插件后端运行状态等。