2026 前端 AI 工具清单:我实际在用的 8 个(附各自的使用场景)

前端 × AI 实战 · 工具清单系列第 1 篇

我是柯里，一个在真实项目里天天和 AI 搭伙干活的前端。AI 工具清单网上很多，但大多是"功能罗列"。这篇不一样：每个工具我都写清楚"我在什么场景用它、什么场景不用它"——同一个工具，用错场景就是负分。

8 个工具，全部是这半年真金白银（和真金白银的时间）用出来的。

总览：我的一天怎么分给他们

三个容易被忽略的使用心得

心得一：工具分层，别让一个工具干所有事

我一度想用 Cursor 干所有事，后来发现不对：编辑器里做"跨 20 个文件的长任务"会越做越乱，而终端里的 Claude Code 对这种活反而利落——它能自己读文件、跑测试、改完给你汇总。现在我的分工是：短活留在编辑器，长活丢给终端，两边都舒服。

心得二："补全型"和"对话型"是两种生物

Copilot 的补全和 Cursor 的对话看着都是 AI，用起来完全不同。补全型适合你心里已经有答案、只想省打字；对话型适合你没思路、要它给方案。把补全型当对话用，你会嫌它蠢；把对话型当补全用，你会嫌它慢。

心得三：设计稿转码工具，当"脚手架"用别当"生成器"用

v0、CodeFun 这类工具的产出，我从来不当成品，只当带样式的起点——拿到骨架后丢回编辑器按项目规范改。单独用任何一个都达不到交付标准，但"先让它起稿、我再改 30%"比从零写快一倍。工具之间是接力关系，不是竞争关系。

互动一下：你主力用哪个？有没有我觉得好用但你用着很别扭的？新号还没开留言，直接在对话框发给我，说不定你的场景我没覆盖到。

—

我是柯里，一个在真实项目里天天和 AI 搭伙干活的前端。