最近入职新公司实习将近两周了,之前由于正处在巩固基础阶段,加之我写的项目都不太复杂,一直没有用AI辅助开发的经验(顶多就是遇到问题去问一下deepseek找下思路再手写),但最近入职新公司第四天领导直接告知需求,让我做到像素级还原一个基于React框架的页面(鄙人之前只学过Vue,且入职前三天只看了一堆没记住的理论知识。),于是我就想趁此机会,体验一下这个AI辅助开发的妙处所在(得意emoji)……
使用体验
首先来说说我的使用体验吧,目前我用到的就是vscode内置的AI工具:Trae和GitHub copilot,但其实生成效果的差别主要取决于这些工具内置的模型表现力如何。
前端的模型其实很多,claude、GPT、Gemini、minimax等等,我也尝试了几种,使用下来我觉得生成前端页面的话,minimax的表现是最好的,生成的页面最美观,要求不高的话甚至可以直接使用生成好的样式,修改逻辑我个人更喜欢Claude模型,感觉它的正确率最高,理解能力更好,但由于它收费,本人只能退而求其次去选择deepseek的模型,多改几遍了。使用的最大感触就是开发效率大大提高,甚至我这样一个对于React框架0基础的菜鸟也能像素级还原出企业项目的页面了;但是在这个过程中AI生成的东西并非是完全可靠,甚至有时候是完全不可靠的,并且,由于AI基于概率统计,它倾向于给出通用的方案,实际生成的代码或许对于我们实际的项目来说会有很多冗余,那么这个时候我们就要发挥作用了———对代码进行审查优化,利用最简单的方法实现更好的需求
用来做什么
一般我的工作流程是先把大致的需求尽量详细地陈述给AI(如果需求比较复杂的话,尽量分部分去实现,一次性向AI灌输太多它可能理解的会与实际需求背道而驰),用AI生成一个大致的页面,再根据需求针对性逐步优化展示效果。这里需要注意,对于一些精细化的工作,比如你要给复选框的半选效果设计一个独有的样式或者纠正代码某一个变量报错,我们交给AI去完成可能还不如自己手动改改来的快,因为如果你代码体量足够大的话,AI只理解就要耗时良久,不如自己阅读一下代码,两下就改好了。所以我更倾向于用AI去实现一些大致框架上的东西,或者让它去给我提供一些解决问题的思路,不能太依赖AI,要对自己写的代码有掌控感。
如何用好AI
如前文所述,AI是提效的好工具,但它并非一次性就能完全契合我们的页面实现需求,在这个过程中要逐步迭代修改描述,一点一点接近实际的生产需求,在我看来,用好AI主要分为三个方面:
- 良好的代码基础
AI目前并不能完全取代程序员,生成的结果也是良莠不齐,所以对于生成的内容,我们要有审查修改的能力,要敢改会改,那我们势必要做到看得懂代码,对于冗余的代码进行剔除,让代码更加轻量化。
- 理解业务需求
AI是根据我们的描述指令干活的,你想让AI理解你的需求,首先自己要理解自己的需求是什么,能否在已实现的需求基础上进行优化,站在用户角度思考问题,最终使我们生产出的东西既要做到以人为本,又要实现省钱赚钱的目的。
- 提高表达描述能力
在最终落地层面,我们要不断优化自己的表达方式,恰当地描述需求。或许是因为代码氛围不同,同样的描述抛给同样的模型,产出效果却大相径庭,所以我们能做的就是准确地描述心中所想,设法让AI更好地理解,不断优化自己的输入使AI更好地输出。
总结
以上就是一个初入(甚至未完全入)职场的新兵蛋子的一点感想,最近也在摸索很多新的知识,尤其是AI相关的,对于很多工具、模型还没有体验过,感谢大家能看到这里!!(鞠躬)如果大家有什么好的建议(各个方面都好),请各位前辈多多指教~(送花)