#2025 AI/Vibe Coding 对我的影响#
作为一名前端，2025我的vscode没有完全接入ai，因为做的业务涉及到银行业务，公司对电脑网络管理有很严格的执行标准，但是不影响它对我的帮助。
当我第一次接触mcp的时候，我就尝试在vscode接入figma mcp。刚好我参与一个新项目，就通过mcp写出了第一个原型图。打开浏览的时候，还原度很高，在我因此窃喜之时，我看下代码，却不是我想要的样子，甚至都不能使用，里面的css变量都是写死的，我的项目要求css 颜色使用配置的变量，所以这一块得全改，在看下html 布局，由于header、footer、aside都是在公共组件里面的，所以这一部分也得去掉，还有内容里面的一些必须使用公共组件的。就这样为了兼容我的系统，花费了很长时间去改，结果发现不被修改的代码寥寥无几。于是figma mcp 就没后续了。
对于figma mcp，我的使用方法有待优化。如果让api写一整个页面，虽然一下子就能拿到效果图，但是在阅读和修改上花费的时间和自己开发的差不多，而且开发出代码，有可能不是自己能把控的。针对这一问题，我觉得应该事先分析页面组成、然后拆分各个组件。自己充当领导人的角色，指导ai 完成各个组件的开发，然后再统一组装起来。拆分成各个组件，每个组件的代码量很少，很容易阅读和把控。
后续我在vscode 引入了文心、copilot。使用一段时间后，我感觉文心使用起来不顺心，就卸载了，只保留copilot，这个个人体验挺好的。在开发新页面的时候，可以参考已有的页面进行修改，即保留原有的代码风格。开创一个项目，我也是事先分析页面布局，抽取公共组件，然后告诉ai,帮我基于某个框架的组件进行二次封装。封装完成之后，我还得修改适合ui的样式和修改功能，基本所有让ai封装的组件，我都会看设计的合不合理和需求满不满足，然后进行二次修改，我在分析组件之后，我脑海里就有想要的模型，这个模型是工作经验总结的。如果完全不是我想要的模型，如果内容比较多的，就让ai重新修改，少的话，自己手动写。我使用ai的一个目的就是做我不想做的活，而不是完全替我干活。我认为相对开发页面，抽取公共组件是一件很快乐的事情，每次抽取都觉得很充足，而封装组件，我不想定义TS，所以我让ai 写公共组件很大一部分原因，帮我定一套TS类型，而且有时候，它也能写出自己意想不到的方案，感觉又学到了。
ai 除了开发代码之后，第二主要用途是用来生成和整理数据了。特别是客户丢一堆鸡肠子文件给我，我就抑郁了，以往都是一句一句去翻译，现在通过ai汇总，明确修改内容，修改方案。有时候，客户给的数据格式和项目中格式不一致，也是通过ai转化的。但像这种需要不能修改原数据的，ai转换之后，自己还得检查，因为有时候不确保会不会修改到原始数据。
ai的用途，目前我就发挥至此。我没有全部依赖ai coding, 它就是我的学生，我是它的导师。我将不喜欢、繁杂都交给它，它可擅长、喜欢了，反而最核心的任务我来承担（小孩子它把握不住）。
我觉得ai，可以是老师，但是不能充当老师。
