大家好，我是瑶琴呀。
作为前端人，随着 AI 工具和 AI 应用的更新迭代，AI 在编程上的作用已经不仅仅局限在解决局部的代码问题上。从一开始的 AI 辅助学习编程，到 AI 帮助我们解决实际的编程小问题，再到 一些编程 IDEA 能够搭建基础的项目、画页面、写功能，AI 的能力边界正在一步步的扩大。
实际上，熟练编程的人早已能够利用 AI 去做一个完整的项目。
今天这篇文章分享下我一直以来使用的 AI 编码工具。
1. 通义灵码插件
vscode 作为前端人工作的代码编辑器，直接在编辑器里面安装智能 AI 插件是最快能够解决问题、提高工作效率的方式，因为插件在智能补全、错误检测或代码优化建议上很大程度上提高了编码效率，编码过程更加丝滑。
你可以实时选中代码、发送指令，省去了打开网页复制代码的步骤。关于vscode中使用通义灵码插件的详细步骤，看这篇不愧是阿里！DeepSeek 满血版在IDEA中快的飞起
不过，它的缺点是可能会存储和分析你的代码用于改进模型，存在代码泄露风险，通过代码去读取你的业务或者一些密钥。不过一般密钥或重要数据的处理都放在后端，不必太过担忧。
2. 网页版通义千问
当然，如果你不想让插件读取到你的全部代码，可以使用网页版的通义千问。
网页版地址：chat.qwen.ai/
通义千问早已推出了“网页开发”模式，通过输入自然语言直接生成完整的前端网页代码。未来的编程模式，可能正如阿里团队所言：“未来的网页开发不是写代码，而是用语言描绘愿景”。
3. 豆包
豆包网页版也有 AI 编程的选项，最开始我是看到同事在使用它。它的不同点在于
界面分成两部分，左边是 chat 框，右边是生成的代码。这样的好处是，当聊天记录和生成代码比较多的时候，一直向上滚动代码会不那么耗费时间，个人感觉，这个体验感还挺好的。
网页版地址：www.doubao.com/
4. Cursor编辑器
如果不仅仅是解决个别的代码问题，你希望能够更集中的让 AI 帮你构建项目、画页面、生成代码文件，我通常会使用 Cusor。关于 Cursor 的一些使用讲解，可以看这篇有嘴就能编程：三种编程模式对话Cursor。
而且它能连接到各种 MCP，帮助你更好地完成功能开发。相比于编程类插件，独立的代码编辑器更适合追求“无干扰 + AI 优先”的开发者，不过，建议有一定编程基础的开发者使用，否则可能陷入与 AI 无限试错的死循环中。
5. Trae编辑器
这是一款推荐国内用户使用的代码编辑器，无门槛，且内置 GPT-4 模型、“开箱即用”，更适合中文场景，预算有限的朋友使用 Trae 是很不错的选择。
前端段时间开发的一个简单小程序界面，就是使用 Trea 编辑开发的，效果还不错，界面生成比我想象中好很多。
想简单实操 Trae 的使用，可以看这篇Trae + MCP：实现UI到网页自动化
以上就是我作为前端人使用到的 AI 编程工具啦，希望对你也有帮助。
