破防了!阿星一年用AI撸了50个项目,这10条避坑经验你必须知道

哈喽,大家好!

阿星👋

属实没想到现在IDE都卷得出年终报告了:我在TRAE的年终报告里居然是个开服贡献者

是啊, 断断续续vibecoding了50个项目

也有几个体会分享给大家------

1、一个好的前期prompt胜过后期折腾100遍

强提示词控制是阿星在踩了很多坑之后才意识到的

新手都是蜜汁自信觉得随便一句话能coding个差不多的

结果越说越多还不如第一次规定好

所以即使是很简单的项目我既会用「EARS语法」去把普通提示词扩展成工程级提示词

我的原需求大概这么长

通过「EARS语法」也就详细了10倍吧👇•ᴗ•💧

毕竟,几千字的提示词和100字的简单交代差别还是很大的

也会用一些自动化提示词增强

来帮我在忙的时候也能兼顾最基本提示词专业度

比如这个自动增强功能

2、不一定非要用国外CLI

前两天,阿星想做一个卡密系统。 本能地打开了国外的CLI(一种命令行编程形式)

但是用国内IDE来做却意外的顺利

简单的项目的话,整个项目下来几乎没有回滚的时候,

很少,但不能说是完全没有回滚,那也太夸张了。

但是对我这种半路才开始接触AI编程的人来说算友好的,

比2023年那会儿的IDE更是让我们少做了很多无用工。

虽然现在某些CLI功能确实呼声很高,但是对小白来说上手难度其实挺大的,看到命令行头晕了还怎么继续。所以如果你完全没有用AI编程过,我还是建议从智能IDE做起。

3、工作流直接做成智能体

每次做项目,

阿星都会做一个guidebook把整个项目的踩坑过程记录下来,好二次复用到自媒体上,如果没有这些实操记录,写的编程文章就会虚无很多,为了一鱼多吃也要记录一下。

这个时候就会用到智能体功能,让他扮演guidebook助手,给他人设就行了。这个过程其实比在一些cli工具里去配置一个agent要方便点。

阿星之前也是在cli里配agent,但是引用起来太麻烦了,一个是可视化信息有限的情况下太考验记性,一个是容易打击新手积极性,所以更倾向于直接在IDE里用智能体搞定。

而且我蕞喜欢的是它可以直接直接让朋友复用,它相当于是把提示词的功能直接插件化了,让咱们主打一个活儿不干两遍。也不用相互发提示词粘来粘去了。

4、前端项目,直接选择元素

阿星觉得凡是涉及到前端视觉的精细化控制

prompt的效率其实比视觉点击要低很多

所以我自己经常用的还有元素选择,不用我一直嘚啵嘚到底改哪里了,效率高了很多

figma的前端我都直接用mcp了,个人感觉是打通设计与开发的关键一步。

5、引用上下文

编程的时候不要直接去提问,最好选中你要改的上下文再提问,

而且现在IDE可以引用的上下文很多,终端里的报错也能直接加进去,文件、文件夹、工作区、文档集和网页其实都可以作为整个项目的上下文添加进去。

6、数据库可以直接连supabase mcp

之前阿星只是做点不带数据库的前端项目

但是做着做着必然会用到数据库啊,特别是一些要做出海的同学

阿星以前激活数据库是直接让AI去接API

arduino 复制代码
import { createClient } from '@supabase/supabase-js'

const supabaseUrl = 'https://okqxrigpjgoncvoflenz.supabase.co'
const supabaseKey = process.env.SUPABASE_KEY
const supabase = createClient(supabaseUrl, supabaseKey)

后来发现mcp可以自己搞定•ᴗ•💧除了刚开始配置可能有点懵没啥大问题

MCP = AI用统一的工具调用方式访问数据库

看文档 =AI每次都要理解API格式、构造请求,小白容易出错,特别我们频繁修改的时候

所以,简单的需求直接配就行了, 我一般直接添加mcp, Connect Supabase。

7、活用tab

我个人是用tab比较少的,是个懒人。被年终总结拆穿了。

TRAE里的这个tab功能主要是做代码补全、多行修改的

按下 Tab 键,跳转至修改点所在位置。

Ctrl / Command + → 组合键逐字接受一个建议的修改。

Escape 键拒绝就好。

现在经常用tab功能的都是大神了😂

要真学代码真编程还是得看的更细一点。

8、版本控制

咱们写代码的时候都要提交很多git版本,

但是改一版输入一次提交命令就太麻烦了。

可以用一些插件,把git Hub网页功能集成到你的本地编辑器里。

直接就能推送代码了,TRAE有个优点,除了git还能更直观地直接在单个句子旁边回退

至少能给我储存10个版本以防万一

9、管好你和AI的聊天记录

我自己刚接触一些cli工具的时候,

完全找不到哪里去看聊天记录再去看网上各种插件来做聊天记录保存的,

对小白来说光是设置这些东西都晕了

后来才开始用mcp管聊天记录,

这种mcp一般可以自动记录对话历史,智能管理上下文,并跟踪任务。不妨探索一下。

10、solo不是非用不可

整个过程我自己用的是IDE,

因为 solo 模式的话,对我来说还是有点太野马脱缰了。

所以我建议半路的小白,

如果想做 vibe coding 的话,

大家可以根据自己的习惯选择

无论是ide模式还是solo模式

最好是一边看一边学, 把每一次编程新学到的知识点

沉淀到相关的文档里,下次出发你就是最棒的啦~

相关推荐
KoalaShane2 小时前
Web 3D设计[Three.js]关于右键点击Canvas旋转模型,在其他元素上触发右键菜单问题
前端·javascript·3d
借个火er2 小时前
React 19 源码全景图:从宏观到微观
前端
张清悠2 小时前
CSS引入外部第三方字体
前端·javascript·css
newrank_kk2 小时前
营销新前沿:智汇GEO如何重构品牌AI形象管理?
人工智能·重构
追逐梦想之路_随笔2 小时前
手撕Promise,实现then|catch|finally|all|allSettled|race|any|try|resolve|reject等方法
前端·javascript
张较瘦_2 小时前
前端 | 吃透CSS视觉特效:圆角、渐变、动画与变换核心解析
前端·css
Tzarevich2 小时前
Tailwind CSS:原子化 CSS 的现代开发实践
前端·javascript·css
借个火er2 小时前
React 19 源码揭秘(二):useState 的实现原理
前端
汤姆yu2 小时前
基于深度学习yolov8的课堂行为监测系统
人工智能·深度学习·yolo