用 AI 编程工具开发网站：开局真爽，后期真难

过去这段时间，我在用 AI 编程工具Cursor开发网站项目。

刚上手的时候简直爱不释手，觉得“这也太爽了吧”。

但随着项目逐渐深入，我也体验到了它的局限与坑。

本期内容，不是吹 AI 也不是踩 AI，而是想聊聊：

在 AI 编程工具的加持下，我们到底该如何高效、靠谱地完成一个项目。

一、开局真的很爽：从 idea 到原型，快到起飞

只要你有一个想法，AI 编程工具可以立刻帮你：

• 自动生成项目结构
• 构建核心功能模块
• 写好基础接口、Mock 数据
• 连测试样例都帮你安排上

用传统开发方法，可能你要：

初始化项目 → 配环境 → 搭建组件 → 写一堆样板代码 → 查文档 → debug

现在只要一句提示词，它就能帮你“生成一个可以跑的 demo”，改改细节，几分钟跑出页面。

效率提升不是 10%，是3 倍、5 倍甚至 10 倍。

特别适合这些场景：

• 做原型验证 MVP
• 快速上线 Landing Page、工具页
• 测试某个产品想法、交互方式

这种从想法到原型“立刻落地”的爽感，非常上头。

二、但后期真的很难：进入细节阶段，一堆问题冒出来

等你项目逐渐深入，不再只是“演示用的 demo”，而是要真正上线、用户能用，问题就接踵而至了。

1. AI 生成代码结构混乱

• 没有统一风格
• 命名随心所欲，变量跳来跳去
• 写个函数不声明作用域、不考虑复用

2. 逻辑跳跃，耦合严重

• 控制流看似没问题，实际上逻辑漏洞百出
• 组件之间乱引用，不好拆分、不好测试

3. Bug 难查，改起来更难

• 你不知道它哪里“临时拼了个 patch”
• 修 bug 时它会“重写整个逻辑”，改得你一头雾水
• 有时它“改坏了还不自知”，你以为问题解决了，结果测试一堆报错

4. 没有开发经验的用户更容易“被带沟里”

• 代码能跑就以为没问题
• 出错只能靠不断试错、反复让 AI 修
• 看不懂生成代码，改也改不动

三、AI 编程工具如何用得顺？

用了几轮之后，我逐渐摸索出一些“防翻车”的方法：

1. 设置好规则（rules）

要告诉 AI：

• 项目采用什么架构风格（如组件化、模块拆分）
• 命名规范是啥（驼峰还是下划线？大写还是小写？）
• 哪些规则是全局的，哪些是手工的……

一定要明确写在提示词里，不要让它“自由发挥”。

2. 强化版本管理意识（一定用 Git）

很多人让 AI 连续改代码，但又不做好版本提交。

结果，一不小心代码改乱了，想回退又找不到哪个版本是好的，只能硬着头皮继续让 AI 修修补补

建议每次结构性改动后就 Git commit 一次，方便随时“回到正确版本”。

如果用 Cursor，记得绑定 Git 仓库，并明确分支策略。

3. 别执拗：越改越乱时，立刻重来！

AI 生成代码本质上是“概率预测”，所以它经常：

• 理解错你的需求
• 被你前面那句提示词“带偏”
• 改着改着，整个逻辑跑偏了

这时候别硬撑，我曾经就在一个 Bug 上改了几十次，还没改好，结果把 Cursor 里的 Claude 的额度用完了，只能用 Auto 。

此时，由于改了太多次，赶紧回退，换个说法重新描述你的意图，效果反而更好。

原提示词：

还没改好，继续该

改进提示词：

页面报错原因是 this.button 未定义，请确保绑定事件时 this 指向组件实例，并检查模板中的 @click 绑定。

4. AI 编程工具是“体力”，ChatGPT 是“大脑”

AI 编程工具适合从0到1地干活、写代码。但如果你遇到解不开的 Bug ，可以寻求 ChatGPT 的帮助。这样的话，一个 AI 帮你干活，一个 AI 帮你监工，同时有两大护法，你自己就省心多了。

你可以：

• 把 README、组件结构说明、报错日志全部贴给 ChatGPT
• 告诉它“我现在遇到的问题是什么”、“我想实现的目标是什么”
• 让它站在全局角度帮你理清思路、设计提示词

示例提示词：

我在用 AI 编程工具构建网站。以下是 README 和核心组件逻辑。目前遇到的问题是 X。你能帮我设计一个准确的提示词，让 AI 工具更好理解我想干嘛吗？

这个方式，比你自己写提示词靠谱。

四、别迷信，也别抗拒，学会“协同开发”

AI 编程工具不是替代程序员的魔法棒，而是放大你已有能力的“倍增器”。

如果你本身开发基础不错，它能让你效率翻倍； 如果你是初学者，它也能带你快速入门、上手实战。

但记住：

真正能落地的项目，从来都不只是“写出来”，而是“打磨出来”的。

做好规范、清晰沟通、合理使用工具，才能让 AI 成为你开发路上的好帮手。

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。