Vibe GuideBETA

检查环境并初始化项目

运行环境就是让程序在电脑上运行所需的软件;依赖是项目要用的现成程序包。

做完这一节点,你会得到什么?
打开工具给出的地址能看到页面,README 中有下次启动方法。
为什么要有这一节点?

先把运行项目需要的软件装好,并确认能打开最小页面。

开始操作共 1 个步骤 · 按顺序完成

0101检查运行环境,启动最小项目待核对展开这一步收起这一步
核对已有工具
启动最小项目
把下次怎样启动写进 README.md
操作示意 · 非工具截图

01开始前准备什么,做完后留下什么?

开始前需要准备什么?

技术方案和按顺序排列的开发任务表。

做完后要留下什么?

打开工具给出的地址能看到页面,README 中有下次启动方法。

这一步要让 AI 读取和保存哪些文件?

在所选工具的项目对话中,让它先打开下面的文件。找不到时,点击下方链接回到创建文件的步骤。

先让 AI 读取这些材料:docs/design.md · tasks/todo.md

让 AI 将结果保存到:README.md · docs/checks.md

缺少这些材料?回到创建它们的步骤 →

02这一步要帮你解决什么问题?

先把运行项目需要的软件装好,并确认能打开最小页面。

弄懂原理,再试着自己判断

这个概念是什么意思?

运行环境就是让程序在电脑上运行所需的软件;依赖是项目要用的现成程序包。

换个情况,你会怎样判断?

已经有 Git 提交,但预览打不开,能否据此认定环境已经准备好?

查看参考答案

不能。Git只管理文件版本;运行时、依赖、配置和启动过程仍需实际验证。

试着用自己的话回答;拿不准时先对照上面的解释,再用自己的项目举例核对。

03这一步具体怎么做?

展开收起

当前项目对话

每次只发送当前这一项的提示词:选中框内文字复制(Mac 按 ⌘C,Windows 按 Ctrl+C),切到所选工具的项目对话,粘贴后把【】替换成自己的内容,再点发送。等工具回复并核对“完成后应该看到”的结果,再做下一项。

  1. 先检查电脑能否运行这个项目。展开收起

    建议提示词:

    请读 docs/design.md 和 tasks/todo.md,检查本项目需要的运行软件是否已安装。缺什么请给我官方安装入口、适合我的系统的操作,以及怎样确认装好了。先不要开发功能。

    完成后应该看到:知道缺哪些软件,以及从哪里安装。

  2. 让工具准备最小项目需要的文件,再安装必要程序包。空文件夹还没有运行配置,需要先创建;已有文件先检查并保留。展开收起

    建议提示词:

    请读 docs/design.md 和 tasks/todo.md。检查现有配置;缺少时,按已确认方案创建最小项目的配置和启动文件,再安装必要依赖。保留项目说明、规则和已有成果。本次只准备能启动的最小项目,不提前开发业务功能。失败时先解释第一条错误。

    完成后应该看到:有实际配置和启动文件,必要程序包已安装。

  3. 启动一个能打开的最小页面,再记下启动方法。展开收起

    建议提示词:

    请启动本项目最小页面,告诉我在哪里执行、实际打开哪个地址,以及怎样停止。把验证过的方法写入 README.md,检查结果写入 docs/checks.md。

    完成后应该看到:打开工具给出的地址能看到页面,README 中有下次启动方法。

跟练:个人学习记录(前端 + 后端 + 数据库)

选择这个示例时,沿用同一个 learning-journal 项目逐步完成。已有自己的项目时,对照检查相关要求即可,不必另建项目。

在 Codex 项目对话发送环境提示词;让它检查 Python,再创建本项目 .venv(单独放依赖的文件夹)并安装确认过的 Flask。

做完这一步,应该看到什么?
最小服务打开真实 http 地址;README 有所在目录、启动命令和停止方式。
做不下去时,先怎么办?
提示 command not found 就核对运行时,No module named flask 就核对是否用了 .venv;不要用管理员权限乱装。
对照具体报错,找到下一步

网址打不开 / Connection refused

先检查哪些地方?
先看 Codex 的服务输出是否还在运行,核对真实端口。
按下面的方法处理问题
请 Codex 只重启本项目服务并给出当前地址;不要一直刷新旧端口。
问题解决后,应该看到什么?
浏览器打开当前地址,出现最小页面。

Address already in use

先检查哪些地方?
端口已被另一个进程使用,不代表代码语法错。
按下面的方法处理问题
让 Codex 识别占用者;不确定就给本项目换空闲端口并同步 README,不结束无关进程。
问题解决后,应该看到什么?
运行输出和浏览器使用同一个新端口。

Flask 安装依据 · SQLite 与后端连接依据

04不会具体操作?逐项跟着做

展开收起
  1. 先检查电脑能否运行这个项目。

    操作后应该看到什么?
    知道缺哪些软件,以及从哪里安装。
    没有看到这个结果时,怎么办?
    不懂报错就复制原文给工具,不同时安装多个不同版本试运气。
  2. 让工具准备最小项目需要的文件,再安装必要程序包。空文件夹还没有运行配置,需要先创建;已有文件先检查并保留。

    操作后应该看到什么?
    有实际配置和启动文件,必要程序包已安装。
    没有看到这个结果时,怎么办?
    权限不足就按工具说明完成当前必要操作,不直接删除配置重来。
  3. 启动一个能打开的最小页面,再记下启动方法。

    操作后应该看到什么?
    打开工具给出的地址能看到页面,README 中有下次启动方法。
    没有看到这个结果时,怎么办?
    地址打不开就核对服务是否还在运行和网址是否相同,不猜端口。

05这一步出现的词

展开收起

运行时 ↗

程序执行时依赖的运行支持环境。

菜谱要有能工作的厨房才能做出来。

包管理器 ↗

负责安装、解析和管理软件包依赖的工具。

按采购单买齐食材并记录版本。

锁文件 ↗

记录解析后的依赖版本等信息以便复现安装。

采购单记录具体型号,避免下次买到不同零件。

06遇到问题时,应该怎么处理?

展开收起

安装或启动失败,不知道停在哪里

先检查哪里,确认问题的原因?
保留原报错,核对命令在哪个文件夹执行及实际系统版本。
按下面的方法处理问题
把原报错和文件位置交给 AI,请它区分缺依赖、版本冲突、权限和端口占用,只处理查明的一项。不要删除项目或反复安装不同工具。
恢复后应该看到
重新执行原操作,得到本页要求的实际结果;未执行的检查仍标为未验证。

问题不在列表里?请 AI 排查

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

07本步材料(填写或复制)

展开收起

上面已经逐项发送并完成的,不必再发下面整段模板。需要整理本步材料时再使用;替换【】后确认,再复制到项目对话。

这一步的提示词模板

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

跟练个人学习记录:本步怎么填写/补充提示词

仅当你选择本页全栈跟练时使用:使用下面已合并本步要求的提示词,填好空白后复制发送;不必重复发送上方通用模板。它不授权跳到后续步骤。

全栈跟练:本步提示词

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

08看到这个结果才算完成

最小项目能实际启动,README 写明再次打开的方法,未安装项不冒充完成。

09没有看到预期结果,接下来怎么办?

展开收起

不懂报错就复制原文给工具,不同时安装多个不同版本试运气。

看结果对照(教学示意,不是你的项目结果)
成功记录示意(非真实日志):命令/执行目录/版本/实际入口/停止方法/重启结果;“安装成功”不等于项目已启动。

本节点出现的词按出现顺序排列,点开可查完整解释

更多问题与排障资料

Git 与环境:遇到问题这样查

2 种情况

以下路径整理自官方文档与公开求助,不代表发生频率。先按现象检查,再核对处理结果。

Git 初始化或首次提交失败

看到的现象:出现 not a git repository、Author identity unknown,或仓库包含无关目录。

  1. 先检查哪些地方?

    确认项目根目录、git --version、git rev-parse --show-toplevel 和 git status。

  2. 接着处理

    新项目根目录才执行 git init;父目录已有仓库先确认归属。身份缺失时由本人提供姓名与邮箱,只设置当前仓库;检查忽略文件和暂存差异后再提交。

  3. 这样才算解决

    仓库根目录正确,git log -1 显示本次提交,密钥和无关文件未被跟踪。

把这段发给 AI 协助处理

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

查证依据Git · git init ↗GitHub · Commit username ↗GitHub · Commit email ↗

依赖安装失败或预览打不开

看到的现象:看到 command not found、安装报错或浏览器拒绝连接。

  1. 先检查哪些地方?

    读取 README、项目版本文件、锁文件和终端第一条错误,确认当前目录。

  2. 接着处理

    按项目要求安装运行时和匹配的包管理器;不要混用锁文件。启动项目已定义的命令,保持进程运行,打开终端实际给出的地址与端口。仍失败则检查监听地址与日志。

  3. 这样才算解决

    同一地址能加载页面;终端无启动失败,记录实际命令和版本。

把这段发给 AI 协助处理

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

查证依据npm · Install Node.js and npm ↗Astro · Develop and build ↗Vite · Original connection-refused report ↗

本节点可查的资料

遇到对应问题再查,资料不是额外必做步骤。

按本节点查术语 →
我的项目材料与备份

材料只存于这台设备的当前浏览器;不是项目文件,也不会自动发给 AI。中英文模板分别保存,项目选择和学习进度共用。不要在这里填写密码或 API Key。

包括想法、进度、各步模板、人工核对记录及选型条件;不包含你的真实项目代码。恢复会建立一个新草稿,不覆盖已有项目。

下载或导入不工作?复制备份文本恢复

草稿与进度只保存在当前浏览器。

按顺序完成本页操作,遇到问题时展开对应的检查和处理方法。

寻找起点

板块快捷入口

大家在做什么 · AI收益调研 · 50个方向 · GitHub项目完整路线图 · 从想法到上线先记下自己的想法只有“想做一个网站”,不知道写什么整理成可以交给 AI 的项目描述不知道第一版的流程怎么写打开一个能制作文件的 AI 工具无法安装、登录,或界面不一样给项目建一个自己的文件夹侧栏没有“文稿”或找不到文件夹让 AI 打开刚才的文件夹AI 说的是另一个项目建立 Git 仓库,写好项目说明和规则提交失败或要求填写姓名邮箱亲手核对 AI 创建的文件找不到上一步的文件一次回答一个问题AI 问的技术词看不懂确认这版只做哪几件事删减以后只剩外观把约定留成看得懂的说明说明太长,不知道该确认哪句把用户怎样使用写清楚AI 只列功能名,没有使用过程先看关键页面,再决定怎么开发原型看起来能用,但不清楚哪些是假数据把实际条件交给 AI 选做法我不知道“本机”和“共享”怎么选让 AI 列出下一小步第一项只有“完成前端”检查运行环境,启动最小项目安装或启动失败,不知道停在哪里打开第一张属于自己的页面地址打不开或一直加载只调整眼前这一页改外观后其他功能也变了让“保存”真正留下内容保存不了,或刷新后记录不见了从开始到结束走通一次按钮能点,但没有结果试试空白和连续点击出现空记录或重复记录关掉以后,还能重新打开第二天地址打不开对照最初想法,确认真的能用AI 说全部完成,但我仍不会用把试用结果记录成反馈问题偶尔出现,不能稳定重现先确定怎么修、怎样算修好AI 没给计划就开始修改按计划修复,再交给本人复测AI 说修好了,同样的操作仍失败先决定:自己用,还是分享发给别人后打不开检查是否具备交付条件评估说可上线,却没有证据准备交付物,并实际试运行安装包打不开或部署后启动失败确认交付,再检查实际入口自己的电脑能开,其他人打不开可选:把简单网页放到 GitHub Pages正式网址显示 404下次继续时,不用从头讲换对话后 AI 要重新做选择工具 · Codex Claude Cursor Qoder TRAE Kimi 价格首页项目分类和 Agent 沟通 · 提示词与排查技术栈选择前端与 UI · 组件词典术语库 · AI与项目开发 · 生活例子与图解打开工具,确认能操作项目把项目、版本记录和 AI 规则准备好把想要的界面风格说清楚只修改一个地方,让 AI 找准目标后端:保存资料与访问规则测试:亲手检查是否能用部署上线:交付一个真实入口运维:让产品继续可用Web 网站与应用 · 把想法变成一个网址。小程序 · 在用户熟悉的地方,做一个小工具。手机 App · 让一个好想法,成为日常习惯。桌面 App · 把重复的电脑工作,交给自己的工具。

一个面向零基础的实践指南

这是面向零基础的双语实践指南,按 6 个阶段、18 个节点、31 个动作组织。页面中的应用画面是示意图;项目完成情况由使用者核对。