“代码”标签页：查看和编辑应用代码
要点“代码”标签页以文件夹树的形式列出应用的每一个文件，旁边是编辑器。点击文件即可阅读，直接输入即可修改，然后点击“保存”（或按 ⌘S / Ctrl+S）；每次保存都会生成一个可以回退的版本。应用使用 TanStack Start、React 和 TypeScript 构建。代码归你所有——可以在“项目设置 → 导出”中下载，也可以同步到 GitHub。
你永远不需要打开代码——MonstarX 会替你编写和修改。但所有代码都公开摆在那里，只要你（或与你合作的开发者）想看，随时都能看。代码标签页会列出应用的每一个文件，也允许你自己动手修改。
“代码”标签页会显示什么？
Section titled ““代码”标签页会显示什么？”左边是文件夹树，列出应用的每一个文件。右边是你选中的文件，带有代码高亮和行号。
在手机上，轻触顶部的文件名即可以弹出面板的形式打开文件夹树。
各部分内容在哪里？
Section titled “各部分内容在哪里？”这些你不需要知道，但边看边对照会有帮助：
| 文件夹或文件 | 里面有什么 |
|---|---|
src/routes/ | 每个页面一个文件——index.tsx 是首页，pricing.tsx 对应 /pricing。 |
src/components/ | 多个页面共用的组件，比如页头和页脚。 |
src/server/ | 在服务器上运行的代码：保存预约、读取课程表等。 |
src/db/ | 应用数据的结构。 |
migrations/ | 创建和修改数据库表的步骤。 |
public/ | 原样提供的文件，比如图标。 |
src/styles.css | 颜色、字体和其他样式。 |
我的应用是用什么构建的？
Section titled “我的应用是用什么构建的？”MonstarX 构建的应用都是现代 Web 应用，使用的技术包括：
- TypeScript：带有类型检查的 JavaScript，能在应用运行之前发现错误。
- React：目前使用最广泛的 Web 界面构建方式。
- TanStack Start：一个框架，能把这些 React 页面变成带服务器的完整应用，让页面加载更快，并把你的数据安全地留在服务器上。
- Tailwind CSS：用于设置颜色、间距和布局的样式工具包。
“项目”页面上的项目卡片也会显示这些信息，例如 TanStack Start · React · TypeScript。你导入的应用会保留它原来使用的技术。
怎样自己编辑文件？
Section titled “怎样自己编辑文件？”-
打开代码标签页，在文件夹树中点击文件。
-
点击编辑器，直接修改。顶部会出现未保存，以及放弃和保存按钮。
-
点击保存，或按 ⌘S（Mac）或 Ctrl+S（Windows）。预览会立即更新。
每次保存都会生成一个版本，以“编辑”加文件路径命名，例如“编辑 src/routes/schedule.tsx”，改坏了也能回退。如果你的项目已关联 GitHub 并开启了自动推送（默认开启），修改也会推送到那里。下次你向 MonstarX 提出请求时，它就会看到你的修改。
放弃会丢弃你尚未保存的修改。
什么时候无法编辑？
Section titled “什么时候无法编辑？”- MonstarX 正在修改你的应用时。在它完成之前，文件都是只读的，编辑器会提示“MonstarX 正在更改应用，完成前文件仅可查看。”
- 你开始编辑后文件被改动时。如果 MonstarX 或其他人在此期间保存了这个文件，你会看到“开始编辑后，此文件已被更改。”，并且保存按钮会变成灰色。你的草稿会一直保留，直到你主动放弃，所以你可以先对比，再放弃，然后重新修改。
- 由 MonstarX 管理的文件。在 MonstarX 构建的应用中，配置文件（如
package.json以及 Vite 和 TypeScript 的配置）和账户、数据库、邮件、存储、AI 等内置服务都由 MonstarX 负责维护。它们不会出现在文件夹树中，但导出的 zip 文件里会包含它们。 - 只有查看权限时。以可查看和评论权限共享项目的人会看到“仅可查看：你可以阅读代码，但不能修改。”拥有可编辑权限的人可以像你一样编辑和保存文件。
可以下载我的代码吗？
Section titled “可以下载我的代码吗？”可以。代码归你所有：你用 MonstarX 构建的一切都属于你，包括它编写的代码。有两种方式可以把代码带走：
- 下载 zip：在工作区中打开 设置导出，然后点击下载 .zip。你会得到一个可以在自己电脑上运行的独立项目。详见导出应用。
- 同步到 GitHub：关联一个仓库，每次修改都会成为一次提交。详见 GitHub。
使用 MonstarX 需要会写代码吗？
不需要。“代码”标签页只是方便你想看的时候看看。所有事情都可以通过在聊天中描述你的需求来完成。
MonstarX 会撤销我自己做的修改吗？
不会。你发送下一个请求时，它会按文件当时的样子读取，包括你的修改。如果你希望它知道你为什么这样改，可以在聊天中说明。
可以在“代码”标签页中新建文件吗？
“代码”标签页只能编辑已有的文件。如果需要新建页面或文件，请在聊天中告诉 MonstarX。
怎样添加依赖包或库？
在聊天中提出即可——例如“为预约表单使用一个日期选择器库”。MonstarX 会为你添加依赖包。
MonstarX 编写的代码归谁所有？
归你所有。MonstarX 的条款规定，你的提示词、文件、代码和应用都归你所有，你可以随时导出。