第一次用 AI 写前端代码：哪些好用，哪些坑

wuwenzen@outlook.com (wuwj) — Sun, 18 Dec 2022 00:00:00 +0000

2022 年我开始把 AI 编码助手真正用在日常开发里，体验可以用一句话概括：

它不是银弹，但如果用得好，很像一个永远不喊累的实习生。

这篇文章主要记录几个方面：

1. 几个「惊艳到」的使用场景

比如：

以前要么复制项目里旧代码改，要么从 CLI 模板改；
现在直接丢一句：

「写一个 Vue3 + TypeScript 的表格组件，支持分页、排序，props 包含 xxx。」

然后拿到一个 70% 可用的版本，再按自己习惯调整。

例如：

用自然语言描述需求 + 给一两个例子，AI 通常能给出还不错的实现。
有时候还能顺带推荐几种写法，帮你对比。

面对一些古早 jQuery/复杂 if-else 的老代码，直接让 AI：

「帮我解释这段代码在干嘛，并用更现代的写法重构。」

得到的是：

长函数重构时，让 AI：

「这段函数太长了，帮我按逻辑拆成几个小函数，顺带起一些更好的函数名。」