AI在线 AI在线

AI 正在改变前端开发:前端使用 AI 现状!

“State of JS”、“State of CSS”、“State of React”等开发者调查组织,近期推出了全新的 State of AI 调查,旨在全面了解 Web 开发领域对 AI 工具和技术的采用现状与痛点。 本文将围绕调查中的五大主题,简要呈现核心发现。 AI 大模型ChatGPT 以绝对优势领跑,使用率达 86%;紧随其后的是 Anthropic 的 Claude。

“State of JS”、“State of CSS”、“State of React”等开发者调查组织,近期推出了全新的 State of AI 调查,旨在全面了解 Web 开发领域对 AI 工具和技术的采用现状与痛点。本文将围绕调查中的五大主题,简要呈现核心发现。

AI 大模型

ChatGPT 以绝对优势领跑,使用率达 86%;紧随其后的是 Anthropic 的 Claude。约三分之二的用户对这两款模型表示满意。

图片图片

  • • “幻觉”与“回答不准确” 仍是用户最为关切的问题,影响了对大模型的信任度。

图片图片

AI 编辑器

81% 的受访者听说过 Cursor,33% 的人曾实际使用,是目前最受欢迎的 AI 编辑器。

图片图片

在使用 AI 编辑器时,前三大痛点分别是:上下文和记忆限制侵入性或分散注意力的建议

图片图片

AI 编程助手

• 集成趋势:GitHub Copilot 毫无悬念地稳居榜首。VS Code 持续深度捆绑 Copilot,并不断推出实用的 AI 开发插件。

图片图片

  • • 用户痛点:与 AI 编辑器类似,主要集中在幻觉与不准问题上下文记忆限制以及建议的“侵入性” 上。

图片图片

AI 代码生成

• 头部产品:Vercel 的 V0 系列依旧最受青睐,首发时曾引发行业轰动;

• 新兴选手:StackBlitz 推出的 Bolt.new 也获得不少关注——在浏览器内即可通过提示一键完成从代码编写到部署的全流程。

图片图片

• 最大痛点:生成代码的质量参差不齐,经常需要人工大量修正。

图片图片

AI 用法

• 最常用场景:代码生成位居首位,平均占比 28% 的开发工作借助 AI 完成。

图片图片

图片

• 质量与重构:AI 生成的代码中,平均有 61% 需要进行重构。

图片图片

• 重构原因:可读性差、变量命名不当及冗余重复是主要诱因。

图片图片

• 典型用途:开发者多用 AI 来生成辅助函数、前端组件、文档注释测试用例

图片图片

• 核心挑战:整体来看,代码质量不佳仍是制约 AI 编程工具进一步普及的关键障碍。

图片图片

相关资讯

2025 年前端与 AI 技术大盘点和展望

作者 | owen时光飞逝间,2024 年已悄然划过技术长河。 纵览这一年前端技术大舞台,虽没有出现革命性的明星项目,但各细分领域都呈现持续深耕与创新突破的态势。 接下来让我们一起乘坐时光机重回 2024,共同开启这段技术巡礼,透过专业视角看看前端行业发生了哪些重要的事情吧。
3/6/2025 9:00:00 AM
腾讯技术工程

AI 时代如何更高效开发前端组件?21st.dev 给了一种答案

给大家推荐一个好东西:21st.dev ,大致上你可以将它理解为一个非常前卫的组件托管市场,特别之处在于:它参考 shadcn/ui 的设计理念提供了一种原子化的,Code Out 形式的依赖安装、管理模式;并且更具有启发性的,它为每一个组件都提供了一套用于生成组件代码的 Prompt,用户可以借此在特定项目上下文中生成适配度更高的组件效果。 借助 21st.dev 与 cursor,我做了这样一个 demo: 这一切都是在 5min 内,不写一行代码的情况下实现的! 更值得称谓的是,21st.dev 的功能设计真正做到了 AI 友好,能够很好地应用在各类 AI 工具中(cursor、v0.dev、bolt.new、cline 等等),并且这套设计逻辑还非常适合复用到各种 TO-D 场景中,21st.dev 是什么21st.dev 是一个开源的 React  UI 组件市场,专门为设计工程师和前端开发者提供高质量的 UI 组件。
4/3/2025 9:04:19 AM
范文杰

安利五款超赞的开源 AI 前端组件库

前言在当今快速发展的前端技术领域中,开源项目一直扮演着举足轻重的角色。 它们不仅为开发者提供了丰富的工具和资源,还极大地促进了技术的创新和共享。 特别是在人工智能(AI)逐渐融入前端开发的今天,开源的AI前端组件库更是成为了提升开发效率、优化用户体验的重要利器。
5/6/2025 12:45:00 AM
大姚
  • 1