Skip to content

文件与编辑器

LoongCode 内置了一套完整的文件管理与编辑能力:左侧栏可切换为文件树浏览项目目录,右侧面板可打开文件查看或修改、对比前后差异、预览 Markdown……无需切换到外部编辑器,一切在应用内完成。

相关基础:界面导览


文件树

文件树左侧栏的一种视图(与任务列表视图切换),展示当前工作区的完整目录结构,并实时监听磁盘变动——AI 新建或删除文件时,文件树会自动刷新,无需手动操作。

打开文件树

在左侧任务栏中,鼠标悬浮到工作区名称行,右侧出现快捷图标,点击查看文件即可将左侧栏切换为该工作区的文件树视图。

截图:左侧栏切换为文件树视图,顶部显示「返回任务」按钮与工作区名称,下方为目录树

点击文件树顶部的返回任务按钮,退回任务列表视图。

新建文件与文件夹

新建操作通过右键菜单完成:

  1. 在文件树的空白处右键,选择新建文件新建文件夹,新条目落在工作区根目录;也可以右键某个文件或文件夹,在当前目录下新建(见下文「右键菜单」)。
  2. 弹出输入对话框,输入文件名(或文件夹名)后点击创建即完成。

TIP

文件名不能包含路径分隔符,也不能为 ...

右键菜单

在文件树中右键单击文件或文件夹,弹出快捷菜单,包含以下操作:

菜单项快捷键说明
复制Ctrl+C复制选中文件到系统剪贴板
剪切Ctrl+X剪切选中文件到系统剪贴板
粘贴Ctrl+V粘贴剪贴板中的文件(剪贴板没有文件时该项置灰)
重命名F2将文件或文件夹改名
删除Del删除选中文件或文件夹
在资源管理器中查看在系统资源管理器中定位并高亮该文件
复制绝对路径将文件的完整绝对路径复制到剪贴板
复制相对路径将相对工作区根目录的路径复制到剪贴板
新建文件在当前目录下新建文件
新建文件夹在当前目录下新建文件夹

TIP

除 F2 外(F2 目前需通过右键菜单触发重命名),表中其余带快捷键的操作不必打开菜单——在文件树中选中条目后直接按对应按键即可,支持多选后批量复制、剪切或删除。


编辑器(文件标签)

右侧面板的文件标签集成了 Monaco(与 VS Code 同款的代码编辑内核),支持语法高亮、Diff 对比视图,以及 Markdown 预览。每个打开的文件对应一个独立的标签,标题为文件名;有未保存修改时标题旁会显示脏点。

还没有打开任何文件时,右侧面板显示空状态提示「还没有打开的文件 · 点击 + 或按 Ctrl+P 打开」——点击标签栏右侧的 + 按钮,可选择打开文件(Ctrl+P)、审查浏览器来新建标签。

打开文件

方式一:在文件树中单击文件,文件在右侧面板新建文件标签打开。

方式二:Ctrl+P 文件搜索面板——在任意位置按 Ctrl+P,弹出搜索面板,输入文件名关键词后按回车即可打开目标文件。

方式三:从输入框内打开文件——在对话输入框输入 @ 选择文件,详见下文「在对话中 @ 引用文件」一节。

方式四:拖拽文件(v0.3.2 起)——从系统资源管理器拖任意文件到右侧面板、文件树或输入框,即可在右侧面板新建文件标签打开并编辑,支持工作区以外的文件。工作区以外的文件以面包屑形式(逐级目录路径)显示其完整的绝对路径,其标签页左侧色条与文件名会以警示色显示,提醒你它不属于当前工作区。

保存文件

编辑完成后按 Ctrl+S 保存当前文件。若关闭标签页时有未保存的更改,会弹出确认对话框,提示「要保存对 [文件名] 的修改吗?」——选不保存直接关闭,否则先保存再关闭。

截图:右侧面板文件标签,Monaco 编辑器展示一段 TypeScript 代码,语法高亮,标签栏显示文件名

Diff 对比视图

AI 修改文件时,对话区的工具卡片会内联显示 Diff(新旧代码行级对比,红绿高亮)。如需查看完整的代码变更,请切换到右侧面板的审查标签(详见 Git 集成 → 审查面板)。

Markdown 预览

打开 .md 文件后,文件标签右上角出现切换到预览按钮,点击即可渲染 Markdown 预览;点击切换到编辑返回源码视图。


在对话中 @ 引用文件

在对话输入框输入 @,弹出文件选择面板,选中文件后,文件内容以上下文的形式附加到本条消息,供 AI 参考。适合让 AI 分析特定文件时使用。

详细的 @ 引用用法见对话面板


下一步

了解文件与编辑器后,接下来看看如何使用集成终端在工作区内运行命令——前往集成终端继续学习。