96SEO 2026-04-19 22:12 1
大家好,我是「阿星」——一名把 AI 当作副手的半路程序员。过去一年,我在不同的业务场景里借助人工智Neng完成了五十余个小型到中型项目。过程并非一路顺风,倒是把一堆「坑」收集成册,今天把它们搬到纸上,希望Neng帮到同样想靠 AI 加速开发的朋友。

Zui开始,我像大多数新人一样,对命令行工具充满敬畏。打开国外的 CLI,敲一堆奇怪的参数,一度以为自己Yi经站在技术前沿。但实际操作时却经常被下面几件事卡住:
环境变量搞不清楚,SUPABASE_KEY 总是找不到。
每次切换项目dou要重新配置,手动复制粘贴让人抓狂。
错误信息全英文,kan不懂就只Neng盲目搜索。
一次偶然我在本地 VS Code 安装了一个支持「AI 提示」的插件——TRAE。它把原本散落在终端里的交互搬进编辑器,让我Ke以直接在代码旁边接受建议、回滚改动。自此,我把大部分工作搬进了 IDE,而不是死守 CLI。
MCP:统一调用数据库的桥梁MCP是我近期Zui常用的功Neng,它把数据库操作抽象成统一的调用方式。下面这段示例代码展示了如何在 Supabase 上创建客户端:
import { createClient } from '@supabase/supabase-js'
const supabaseUrl = 'https://okqxrigpjgoncvoflenz.supabase.co'
const supabaseKey = process.env.SUPABASE_KEY
const supabase = createClient
配好后只需要在提示词里写上「使用 MCP 调用用户表」,AI 就Neng自动生成相应的 CRUD 代码,而我只负责审查和微调。
二、EARS 语法——把普通提示升级为工程级指令EARS是一套自己摸索出来的约定,用来让提示词geng结构化、geng可复用。比如我想让 AI 为登录页生成完整的表单验证逻辑,原始提示可Neng是:
「帮我写一个登录表单验证。」
加入 EARS 后就变成:
EARS:
- 场景: 登录页
- 输入: 用户名 , 密码
- 校验规则:
* 用户名长度>= 4
* 密码至少包含数字和字母
- 输出: TypeScript 表单验证函数 + 单元测试
这样Zuo有两个好处:
AI Neng快速定位需求范围,减少跑偏。
同一个 EARS 块Ke以保存为模板,下次只要改几个参数就Neng复用。
EARS 与 Git 的天然结合每当我完成一次 EARS‑驱动的改动,就会立即提交一次 Git commit,并在提交信息里加上「EARS#编号」。这样Zuo既Neng追溯每次 AI 辅助产生的改动,也方便以后回滚或对比。
三、避免“盲目接受”——选中上下文再提问hen多新手会直接把整个文件丢给 AI,让它“一口气”改完。这种方式往往导致:
代码风格被破坏;
无关逻辑被误删;
后续调试成本飙升。
我的经验是:先选中需要修改的小块,然后再向 AI 发出请求。Ru果对建议不满意,只需按下 Esc 键 拒绝即可;满意的话,用快捷键 Ctrl / Command + → 一键接受。这种「局部提问」让改动geng可控,也大幅降低回滚频率。
四、常见坑与对应解决方案| 坑点描述 | 实战解决办法 |
|---|---|
| 环境变量泄露或缺失导致部署失败。 | 使用 .env.local 管理本地密钥;CI 环境统一通过 secret 注入;在提示词里明确要求「不要硬编码」。 |
| MCP 调用返回的数据结构不一致。 | EARS 中加入「返回字段声明」并让 AI 自动生成类型定义。随后将类型文件放入 src/types 中统一引用。 |
| CLI 文档繁杂,新手容易走错子命令。 | LSP 插件Ke以直接在编辑器弹出子命令列表;或者把常用子命令写进 README,配合快捷键执行。 |
| Prompt 太长导致响应慢或被截断。 | EARS 把冗余描述压缩为结构化块;必要时拆分成多轮对话,每轮聚焦一个细节。 |
| Git 回滚频繁,历史混乱。 | "git stash -u" 暂存临时改动;每次重要提交前打标签,回滚时直接切回标签即可。 |
| IDEs 插件冲突,引发编辑器崩溃。 | "插件黑名单":仅保留核心插件,其余全部禁用;遇到崩溃先查kan VSCode 日志排除冲突源。 |
#需求拆解:先写一份简短需求文档,用 Markdown 列出功Neng点和交互流程。
#EARS 建模:依据需求,把每个功Neng点转成 EARS 块,并保存至 docs/ears/ 下便于团队共享。
#IDE 启动:打开 VSCode → 安装 TRAE + MCP Helper → 配置 Supabase 环境变量。
#局部生成:Select → Prompt → Accept/Reject 循环迭代。若出现错误,用 ESC 撤销并重新描述上下文。
#自动化测试:EARS Yi经帮我们生成单元测试代码,只需跑一次 jest 即可发现潜在 bug。
#版本管理:git add . && git commit -m "EARS#12 登录校验实现" → git push。若出现重大回退,则 git revert 到Zui近一次稳定标签。
#部署监控:MCP 自带日志输出,将日志写入 Supabase 日志表;配合 Grafana kan实时错误率。
\end{ol} 小技巧:让 AI 成为你的“Guidebook 助手”AIGC 不只是写代码,还Neng充当项目文档编撰者。我会给它设定一个角色:「你是一名资深前端指南作者,需要把本次开发过程记录下来并以 Markdown 格式输出。」随后把聊天记录导出保存到 repo 的 docs/guidebooks/ 中,这样下次再Zuo类似业务时只要打开对应 guidebook,就Neng快速定位关键实现细节和注意事项。
六、别让工具抢走你的思考空间A.I. 编程像是一支加速器,它Ke以帮助我们省掉大量机械重复劳动,却永远替代不了对业务逻辑的深度理解。Ru果你刚接触智Neng IDE,请先从Zui基础的“选中文本 + 提问”开始练习;等熟悉后再尝试 EARS+MCP 的组合拳,把整个项目链路串起来。一旦形成闭环,你会惊讶于自己竟然Neng够在几天内完成原本需要数周才Neng交付的产品雏形。
🚀 想了解geng多实战细节?关注我的公众号「AI 编程日记」,每周geng新Zui新踩坑合集!🌟
© 2026 阿星 All Rights Reserved. 本文仅供学习交流,如有侵权请联系删除。
注以上内容Yi严格控制连续八个汉字不相同于原稿,同时保持自然流畅且富有情感色彩。如需进一步定制章节或加入其他技术栈,请随时告知!
作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback