氛围编程（vibe coding）指用自然语言描述功能，由ai直接生成可运行代码；新手必须装cursor，按ctrl+i进入composer，提示词需含身份平台、核心功能、关键约束，生成后通过live server验证并迭代优化。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想用自然语言描述功能，让AI直接生成可运行的代码，而不是自己查文档、写语法、调环境——这正是氛围编程（Vibe Coding）的核心操作路径。
选对工具：先装Cursor还是VS Code + Claude Code
如果你从没写过代码，【必须装Cursor】。它开箱即用，自动识别项目结构，按Ctrl+K就能对话改代码，不用配Python环境、不操心Node版本冲突。VS Code + Claude Code插件适合已有工程习惯的人，但首次安装要手动启用Plan Mode、配置模型API密钥，稍有不慎就卡在“AI未响应”界面。
下载Cursor后双击安装，启动时用GitHub账号登录——这一步不能跳过，否则无法调用Claude 3.5 Sonnet模型。
装完打开一个空文件夹，按Ctrl+I进入Composer界面，这是你和AI协作的主战场。
写提示词：三句话定生死
别写“帮我写个网站”，AI会生成一堆无用模板。必须包含：①身份与平台、②核心功能、③关键约束。
方法一（推荐新手）：
第一句：“我是个完全不会JavaScript的音乐人，想在Mac上做一个本地运行的MIDI音阶生成器。”
第二句：“输入C大调，点击生成按钮，输出12个音符的MIDI文件，能直接拖进Logic Pro播放。”
第三句：“界面只有两个下拉框（调式/音阶类型）和一个生成按钮，用深色主题，不要任何外部依赖。”
方法二（进阶）：用“拒绝清单”堵死AI乱发挥。“不要React、不要Webpack、不要require语句、不要弹窗提示、不要保存到云端。”
【AI生成的代码若含fetch或import，说明提示词漏了‘本地运行’这个硬约束】
执行与验证：让AI自己跑起来
第一步：在Composer里粘贴写好的提示词，点击“Run”。
第二步：AI会列出要创建的文件（index.html、main.js、style.css），确认后自动写入。
第三步：右键index.html → “Open with Live Server”，浏览器立刻打开页面。
第四步：点按钮测试，如果报错，把控制台红字完整复制，再发给AI：“这个错误怎么修？不要重写整个文件。”
这一步操作起来很简单，直接把文件拖进去就行。但注意：AI生成的MIDI导出逻辑常缺FileSaver.js依赖，它不会主动提醒，必须你手动下载该库并引入HTML——这是目前Cursor最常踩的坑。
迭代优化：从能跑到好用
第一次生成的代码往往只满足基础功能。比如MIDI生成器能输出文件，但默认保存名为“output.mid”，用户根本找不到。这时要精准追问：“把保存文件名改成‘C大调_五声音阶_20260729.mid’，格式用YYYYMMDD。”
AI会定位到saveMidi函数，只修改一行代码，不碰其他逻辑。这种微调比自己翻源码快十倍。
如果UI颜色不协调，直接说：“把按钮背景换成#5a3e8c，悬停时加0.2秒淡入动画。”AI立刻重写CSS片段，不重建整个样式表。
