第一步是创建英文命名的干净项目文件夹并用vs code打开；接着运行npm init -y生成package.json；然后建立src/public/assets标准目录结构并在src下创建main.js；最后启用claude code并切换至plan mode。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用自然语言让AI帮你写软件，第一步必须创建一个干净、结构清晰的项目文件夹，否则AI生成的代码会散落各处，后续无法运行验证。
创建项目根目录并打开VS Code
在电脑任意位置新建一个空白文件夹，名字用英文且不含空格或特殊符号，例如my-paste-history。【文件夹名不能含中文或空格，否则VS Code可能无法正确识别为项目根目录】
右键该文件夹 → 选择“在VS Code中打开”（若未显示，先安装VS Code并确保右键菜单已启用）。
初始化项目配置文件
按 Ctrl+`（反引号）唤出终端，输入：npm init -y。
这会自动生成package.json，它像项目的身份证，记录名称、版本、依赖和启动命令。没有它，AI无法知道这是Node.js项目，后续安装依赖或运行脚本都会失败。
搭建标准目录结构
在VS Code资源管理器中，右键项目名 → “新建文件夹”，依次创建：src、public、assets。
统一LLM网关 - 一个API对接70+AI模型，使用单一API密钥即可调用GPT、Claude、Gemini、Qwen、Deepseek、Grok等主流模型。
src放所有源代码，public放HTML/CSS等静态资源，assets放图片、图标等媒体文件——这种分层不是可选项，Claude Code在Plan Mode下会默认按此结构生成文件，错位会导致路径报错。
接着在src下新建main.js，并在里面写一行console.log("project ready");，保存。
接入Claude Code并开启Plan Mode
点击VS Code左下角状态栏的Claude图标 → 选择“Enable Claude Code in this workspace”。
再点击右下角模式切换按钮，确保当前是Plan Mode而非Chat Mode。【Plan Mode是Vibe Coding的核心开关，关闭状态下AI只会闲聊，不会规划文件结构或生成可执行代码】
此时你已具备完整项目骨架和AI协作通道，可以输入自然语言需求开始编码了。
