模块 5 · 代码与协作 · 第 1/5 节
查看和修改代码
需以当前账户界面为准：当前文档：代码视图需要项目权限，Free 为只读，付费可直接编辑保存。此账户特殊套餐权益需以当前账户界面为准。
🎯学习目标
- 知道在哪里看代码
- 了解项目的大致结构
- 知道什么时候应该直接改代码
🧭操作步骤
- 1
打开代码视图
在项目顶部切换到代码视图，可以浏览文件。
- 2
了解技术栈
当前新项目使用 TanStack Start、React、TypeScript、Tailwind；旧项目可能是 React+Vite。本学习中心为 TanStack Start。内部服务端逻辑用 server functions，外部回调用 API routes；秘密凭据与权限校验必须在服务端，不能只保护页面。
- 3
小改动可直接编辑
改一个文案或数值，可以直接改代码。
- 4
让 AI 解释代码
看不懂时可以问 AI：“这个文件是做什么的？”
💬可复制提示词
理解项目结构
请用通俗的语言介绍这个项目的文件结构：页面在哪里、数据相关的代码在哪里、样式在哪里。不要修改任何代码。
✅ 预期结果
- 能找到页面对应的文件
- 理解项目大致结构
- 知道何时直接改、何时让 AI 改
⚠️ 常见错误
- 非技术用户大段手动改代码导致报错
- 手动修改后不告诉 AI，后续修改被覆盖
- 随意删除不认识的文件
📝自检题
1. 看不懂代码时可以？
学完了？标记为已完成，记录你的进度。