Vibe GuideBETA

创建项目文件夹

文件夹就是项目文件的存放位置;路径是找到它的地址。

做完这一节点,你会得到什么?
已确认的位置可以在下一步带入,带你回到同一个项目。
为什么要有这一节点?

把这个项目的文件放在同一个文件夹,下次才找得到。

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

0101给项目建一个自己的文件夹待核对展开这一步收起这一步
文稿
你的项目文件夹新建 / New folder
操作示意 · 非工具截图

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

开始前需要准备什么?

自己给项目起的名字。

做完后要留下什么?

已确认的位置可以在下一步带入,带你回到同一个项目。

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

把这个项目的文件放在同一个文件夹,下次才找得到。

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

这个概念是什么意思?

文件夹就是项目文件的存放位置;路径是找到它的地址。

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

项目文件现在究竟保存在哪里?

查看参考答案

本地项目应能指出可打开的完整路径;网页工作区应能指出对应项目入口,并知道代码能否导出。本站草稿不是代码目录。

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

03这一步具体怎么做?

展开收起

电脑文件管理器或网页工具的项目列表

  1. 在电脑上打开“文档”文件夹。Mac 用访达,Windows 用文件资源管理器;使用网页工作区时,直接在工具的项目列表新建项目。展开收起

    完成后应该看到:找到专门存放这个项目的位置。

  2. 电脑文件夹:Mac 按 Shift+Command+N,Windows 按 Ctrl+Shift+N,输入自己的项目名称后按回车。网页工具:在新建项目的名称栏填写名称并确认,不使用电脑文件夹快捷键。展开收起

    完成后应该看到:能打开刚建的空文件夹;网页工具能打开新工作区。

  3. 复制项目位置填到“07 本步材料”的模板,再点击确认。Mac 选中文件夹按 Option+Command+C;Windows 打开文件夹后复制地址栏;网页工具填写工作区名称和入口网址。展开收起

    完成后应该看到:已确认的位置可以在下一步带入,带你回到同一个项目。

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

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

在文稿里新建 learning-journal 文件夹。它是练习项目,不是本网站的源码目录。

做完这一步,应该看到什么?
知道完整位置,里面没有别人的项目。
做不下去时,先怎么办?
已有同名目录先检查内容;不要清空它,必要时新建 learning-journal-practice。

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

展开收起
  1. 在电脑上打开“文档”文件夹。Mac 用访达,Windows 用文件资源管理器;使用网页工作区时,直接在工具的项目列表新建项目。

    操作后应该看到什么?
    找到专门存放这个项目的位置。
    没有看到这个结果时,怎么办?
    不要把别人的项目文件夹当作新项目,也不要清空已有文件。
  2. 电脑文件夹:Mac 按 Shift+Command+N,Windows 按 Ctrl+Shift+N,输入自己的项目名称后按回车。网页工具:在新建项目的名称栏填写名称并确认,不使用电脑文件夹快捷键。

    操作后应该看到什么?
    能打开刚建的空文件夹;网页工具能打开新工作区。
    没有看到这个结果时,怎么办?
    同名文件夹已存在时先检查内容,再决定沿用还是另取名字。
  3. 复制项目位置填到“07 本步材料”的模板,再点击确认。Mac 选中文件夹按 Option+Command+C;Windows 打开文件夹后复制地址栏;网页工具填写工作区名称和入口网址。

    操作后应该看到什么?
    已确认的位置可以在下一步带入,带你回到同一个项目。
    没有看到这个结果时,怎么办?
    不要照抄示例路径;找不到完整路径时先记录上级目录和名称。

05这一步出现的词

展开收起

根目录 ↗

文件系统或指定项目层级的起点目录。

整栋楼入口与某部门入口要分清。

绝对/相对路径 ↗

从根位置或当前目录描述文件位置。

完整街道地址与“从这里左转两间”。

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

展开收起

侧栏没有“文稿”或找不到文件夹

先检查哪里,确认问题的原因?
先确认你打开的是电脑的文件管理器(Mac 访达 / Windows 文件资源管理器),不是浏览器的文件列表。
按下面的方法处理问题
Mac:菜单“前往 → 文稿”;Windows:文件资源管理器的“文档”。找到刚建的文件夹;已经存在就不再建同名副本。
恢复后应该看到
能在电脑的文件管理器中打开一个确定的项目文件夹。

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

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

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

展开收起

先在下面填写自己的材料,点击确认后核对生成内容;什么时候交给工具,按上面的具体操作来。重新打开本页若只看到编辑框,核对后再点确认即可重新复制。

这一步的填写模板

直接编辑下方模板,确认后生成可复制草稿;按当前步骤说明使用,不必立即发给 AI。

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

这是填写方向,请把上方模板中的空白换成自己的真实信息。验收、费用、路径和测试结果不能照抄示例。

填入自己电脑上的实际路径,不照抄作者的用户名或路径。

08看到这个结果才算完成

能打开自己的项目目录或工作区,并知道实际位置。

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

展开收起

不要把别人的项目文件夹当作新项目,也不要清空已有文件。

看结果对照(教学示意,不是你的项目结果)
book-club/ ← 在工具中选择这一层
  idea.md ← “准备 Git 与项目规则”这一节点才创建
  docs/ ← 后面放需求文档
看示例或查资料

文稿 / learning-journal /

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

本节点可查的资料

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

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

材料只存于这台设备的当前浏览器;不是项目文件,也不会自动发给 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 个动作组织。页面中的应用画面是示意图;项目完成情况由使用者核对。