当前位置：首页 > news >正文

Trae 实测：AI 助力前端开发，替代工具还远吗？

news 来源：原创 2025/6/24 10:20:44

Trae 实测：AI 助力前端开发，替代工具还远吗？

字节上线了一款 AI 新产品，名叫 Trae 。这是一款 IDE 工具，中文意思是「集成开发环境」，做技术的读者对此应该很熟悉。简单理解，就是程序员用来写代码开发软件的工作台。Trae 和传统 IDE 不太一样，它是一款基于 AI 的开发工作台，可以通过自然对话的方式让 AI 帮你写程序构建一款可运行的产品。只要你有一个产品想法，且能完整描述，就可以让 Trae 帮你做出来。

一、Trae 国内版简介

1.1 下载与安装

首先，前往Trae （国内版）官网下载软件[https://www.trae.com.cn/]。Trae 支持mac、windows和linux三大平台，下载完成后，按照提示进行安装即可。

1.2 登录方式

安装完成后，打开软件，登录方式可以选择手机号登录或使用稀土掘金账号一键登录。

1.3 功能特点
Trae 国内版的界面与海外版一致，但在大模型选择上有所不同。国内版提供了字节自己的Doubao-1.5-pro，以及深度求索DeepSeek的V3和R1版本。相比之下，海外版则提供了ChatGPT以及Claude-3.5-Sonnet和3.7-Sonnet。

二、项目测试

最近在用uniapp写一个项目，首先登录注册功能需要完善，我这里写了一个登录，然后让Trae 帮我完成注册，我这里给它提示：“完善注册功能”

他给我提供一个点击“没有账户？注册”切换的功能，效果图如下，不得不说AI的学习能力是真的强！！！　大大的提高了工作效率，保持学习，善用工具，才能在快速发展的科技浪潮中立于不败之地。

录屏_20250425_120653

从代码质量来看，
已经可以用一个技术熟练程序员来对标了。

你可能会问，
这种 AI IDE 工具能投入实际生产开发么？

我觉得，
完全取代现有的开发工具还比较难，
但已经能辅助程序员提升不少效率了。

就拿前端开发来说，
过去程序员需要根据高保真原型图来写代码，
先构建页面结构，
然后写交互逻辑，
最后再把视觉素材加上。

看似一个简单的页面，
对程序员来说就是至少三个环节的代码工作。

七分靠 AI，三分靠人工

如果用 Trea 这样的 AI 产品来做，
直接把高保真原型图丢给他，
然后就可以得到一个写好的前端代码。

不说百分百满足需求，
能还原个七成其实就已经非常提效了。

因此，
要让 Trae 这样的产品完全替代现有开发工具还是很困难的，
至少需要很长的一段时间。

不过，
这是一个趋势，
随着 AI 能力的增强和产品开发的迭代，
未来会陆续有纯 AI 开发的产品。

Trae 实测：AI 助力前端开发，替代工具还远吗？

Trae 实测：AI 助力前端开发，替代工具还远吗？ 字节上线了一款 AI 新产品，名叫 Trae 。这是一款 IDE 工具，中文意思是「集成开发环境」，做技术的读者对此应该很熟悉。简单理解，就是程序员用来写代…...

编程日记 2025/6/24 10:20:44

SpringCloud基于Eureka和Feign实现一个微服务系统

Spring Cloud 是基于 Spring Boot 的 ‌微服务开发全栈解决方案‌，通过集成多种开源组件，提供分布式系统构建所需的服务治理、配置管理、容错机制‌等核心能力，简化微服务架构的复杂性。其核心目标是实现服务间的高效协同与弹性伸缩，支撑企业级云原生应用开发。Spring Clou…...

编程日记 2025/6/24 10:17:42

nacos设置权重进行负载均衡不生效

nacos设置权重进行负载均衡不生效，必须在启动类下加上这个bean Beanpublic IRule nacosRule(){return new NacosRule();}如下图所示...

编程日记 2025/6/24 10:19:14

Flowable7.x学习笔记（十四）查看部署流程Bpmn2.0-xml

前言 Flowable 在其前端 Modeler 中，采用 BPMN 2.0 标准将流程中的任务、网关、事件等元素以 XML 形式存储，并附带图形互换（Diagram Interchange，DI）数据，以保证在前端与后端都能精准重建可视化流程图。生…...

编程日记 2025/6/24 9:24:29

大模型应用中Agent2Agent(A2A)的应用场景，以及A2A与MCP的区别和适用场景

大家好，我是微学AI，今天给大家介绍一下大模型应用中Agent2Agent（A2A）的应用场景，以及A2A与MCP的区别和适用场景。文章目录一、引言二、Agent2Agent（A2A）协议原理2.1 核心架构2.2 基础框架与依…...

编程日记 2025/6/23 20:05:50

Windows server:

企鹅裙：429603659 域搭建 (细节上的问题) 1.将IP地址修改为静态IP，搭建完后设置DNS为本身(在搭建完域服务器后设置DNS) 2.配置之前需将计算机名更改为后面题目中所要求的. 3．一些版本之中比如Windows Server2012之中搭建域之后重启会显示…...

编程日记 2025/6/24 9:48:53

Python 3.14：探索新版本的魅力与革新

在Python编程语言的不断演进中，Python 3.14作为又一重要里程碑，承载着开发者们的期待与热情，悄然走进了我们的视野。尽管在撰写本文时，Python 3.14可能尚未正式成为主流版本（注：实际发布情况需根据最新信息…...

编程日记 2025/6/20 23:45:50

LabVIEW基于VI Server的控件引用操作

本 VI 通过展示控件引用（Control References）的使用，借助 VI Server 实现对前面板对象的编程操作。详细说明隐式属性节点（Implicitly Linked Property Node）：通过右键单击控件（或其控件终…...

编程日记 2025/6/24 9:25:58

【不同名字的yolo的yaml文件名是什么意思】

以下是这些 YOLO 系列配置文件的详细解析，按版本和功能分类说明： 一、YOLOv3 系列文件名核心特性适用场景yolov3.yaml原始 YOLOv3 结构，3 尺度预测（13x13,26x26,52x52）通用目标检测yolov3-spp.yaml增加 SPP&#xff…...

编程日记 2025/6/24 10:03:21

《100天精通Python——基础篇 2025 第3天：变量与数据类型全面解析，掌握Python核心语法》

目录一、Python变量的定义和使用二、Python整数类型（int）详解三、Python小数/浮点数（float）类型详解四、Python复数类型(complex)详解---了解五、Python字符串详解(包含长字符串和原始字符串)5.1 处理字符串中的引号5.2 字符串的…...

编程日记 2025/6/24 9:15:03

精益数据分析（24/126）：聚焦第一关键指标，驱动创业成功

精益数据分析（24/126）：聚焦第一关键指标，驱动创业成功在创业和数据分析的探索之旅中，我们都在不断寻找能够助力成功的关键因素。今天，我依旧带着与大家共同进步的初心，深入解读《精益数据分析…...

编程日记 2025/6/23 18:02:15

【刷题Day26】Linux命令、分段分页和中断（浅）

说下你常用的 Linux 命令？ 文件与目录操作： ls：列出当前目录的文件和子目录，常用参数如-l（详细信息）、-a（包括隐藏文件）cd：切换目录，用于在文件系统中导航m…...

编程日记 2025/6/24 9:16:20

互联网实验室的质量管控痛点质检LIMS系统在互联网企业的应用

在互联网行业流量红利消退与用户体验至上的时代背景下，产品迭代速度与质量稳定性成为企业核心竞争力的分水岭。传统测试实验室依赖人工操作、碎片化工具与线下沟通的管理模式，已难以应对敏捷开发、多端适配、数据安全等复合型挑战。一、互联网实验室的…...

编程日记 2025/6/24 1:48:52

VScode远程连接服务器（免密登录）

一、本机生成密钥对本地终端输入ssh-keygen，生成公钥（id_rsa.pub）和私钥（id_rsa） 二、在远程服务器根目录的.ssh文件夹的authorized_keys中输入id_rsa的内容三、修改vscode的config文件.ssh/config，加…...

编程日记 2025/6/1 10:44:02

【Go语言】RPC 使用指南（初学者版）

RPC（Remote Procedure Call，远程过程调用）是一种计算机通信协议，允许程序调用另一台计算机上的子程序，就像调用本地程序一样。Go 语言内置了 RPC 支持，下面我会详细介绍如何使用。一、基本概念在 Go 中&…...

编程日记 2025/6/24 9:51:50

安卓四大组件之ContentProvider

目录实现步骤代码分析 onCreate insert query ContextHolder Cursor 作用与用法基本步骤： 可能的面试题：为什么使用Cursor？ 为什么使用Cursor 使用Cursor的好处静态内部类实现单例模式 AnndroidManifest.xml配置信息注释的…...

编程日记 2025/6/23 23:25:44

C#中实现XML解析器

XML（可扩展标记语言）是一种广泛用于存储和传输数据的格式，因其具有良好的可读性和可扩展性，在许多领域都有应用。实现思路： 词法分析词法分析的目的是将输入的 XML 字符串分解为一个个的词法单元，例如…...

编程日记 2025/6/21 14:04:56

神经符号混合与跨模态对齐：Manus AI如何重构多语言手写识别的技术边界

在全球化数字浪潮下，手写识别技术长期面临"巴别塔困境"——人类书写系统的多样性（从中文象形文字到阿拉伯语连写体）与个体书写风格的随机性，构成了人工智能难以逾越的双重壁垒。传统OCR技术在处理多语言手写场景时，准确率往往不足70%，特别是在医疗处方、古代文…...

编程日记 2025/6/24 9:57:30

TestBrain开源程序是一款集使用AI(如deepseek)大模型自动生成测试用例、和测试用例评审、RAG知识库管理的web平台系统

一、软件介绍文末提供程序和源码下载 TestBrain开源程序是一款集使用AI(如deepseek)大模型自动生成测试用例、和测试用例评审、RAG知识库管理的web平台系统一个基于LLM的智能测试用例生成平台(功能慢慢丰富中，未来可能将测试相关的所有活动集成到一起)&#xff0c…...

编程日记 2025/6/23 1:34:52

软件工程效率优化：一个分层解耦与熵减驱动的系统框架

软件工程效率优化：一个分层解耦与熵减驱动的系统框架** 摘要 (Abstract) 本报告构建了一个全面、深入、分层的软件工程效率优化框架，旨在超越简单的技术罗列，从根本的价值驱动和熵减原理出发，系统性地探讨提升效率的策略与实践。…...

编程日记 2025/6/22 11:06:54

【金仓数据库征文】- 深耕国产数据库优化，筑牢用户体验新高度

目录引言一、性能优化：突破数据处理极限，提升运行效率 1.1 智能查询优化器：精准优化数据检索路径 1.2 并行处理技术：充分释放多核计算潜力 1.3 智能缓存机制：加速数据访问速度二、稳定性提升：筑牢…...

编程日记 2025/6/20 19:07:53

前端面试常见部分问题，及高阶部分问题

面试中也极有可能让你徒手写代码，无聊的面试问题o(￣︶￣)o 一、HTML/CSS 基础与进阶常见问题什么是语义化标签？有哪些常用语义化标签？答案：语义化标签是指具有明确含义的 HTML 标签，如 <header>、<footer>、<article>、<section> 等。它们有…...

编程日记 2025/6/20 9:34:59

使用 AutoGen 与 Elasticsearch

作者：来自 Elastic Jeffrey Rengifo 学习如何使用 AutoGen 为你的 agent 创建一个 Elasticsearch 工具。 Elasticsearch 拥有与行业领先的生成式 AI 工具和提供商的原生集成。查看我们的网络研讨会，了解如何超越 RAG 基础，或使用 Elastic 向量…...

编程日记 2025/6/1 10:44:06

kafka与flume的整合、spark-streaming

kafka与flume的整合前期配置完毕，开启集群需求1： 利用flume监控某目录中新生成的文件，将监控到的变更数据发送给kafka，kafka将收到的数据打印到控制台（三个node01中运行） 1.在kafka中建立topic kafka…...

编程日记 2025/6/24 10:05:09

高级电影感户外街拍人像摄影后期Lr调色教程，手机滤镜PS+Lightroom预设下载！

调色介绍高级电影感户外街拍人像摄影后期 Lr 调色，是运用 Adobe Lightroom 软件，对户外街拍的人像照片进行后期处理，以塑造出具有电影质感的独特视觉效果。此调色过程借助 Lr 丰富的工具与功能，从色彩、光影、对比度等多维度着手…...

编程日记 2025/6/20 10:23:03

react 常用钩子 hooks 总结

文章目录 React钩子概念图状态管理钩子 state management副作用钩子 effect hooks引用钩子 Ref hooks上下文钩子其他钩子过渡钩子处理过渡效果性能优化钩子 performance hooksReact 19 新钩子 React钩子概念图状态管理钩子 state management useState useReducer useSyncEx…...

编程日记 2025/6/21 9:57:09

2025 年导游证报考条件新政策解读与应对策略

2025 年导游证报考政策有了不少新变化，这些变化会对报考者产生哪些影响？我们又该如何应对？下面就为大家详细解读新政策，并提供实用的应对策略。最引人注目的变化当属中职旅游类专业学生的报考政策。以往，中专学历报考…...

编程日记 2025/6/24 10:15:04

重置 Git 项目并清除提交历史

在某些情况下，你可能需要完全重置一个 Git 项目，清除所有提交历史，然后将当前代码作为全新的初始提交。本文将详细介绍这个过程的操作步骤和注意事项。重要警告 ⚠️ 注意：以下操作将永久删除项目的所有提交历史、分支和标签。…...

编程日记 2025/6/2 10:21:12

GitHub Copilot (Gen-AI) 很有用，但不是很好

摘要：以下是我在过去三个月中在实际、开发中使用 GitHub Copilot Pro 后的想法。由于技术发展迅速，值得注意的是，这些印象是基于我截至 2025 年 3 月的经验。 1 免费试用促使我订阅 GitHub Copilot Pro 我以前读过有关 AI 代码生成器的文…...

编程日记 2025/6/24 9:55:55

K8S Service 原理、案例

一、理论介绍 1.1、3W 法则 1、是什么？ Service 是一种为一组功能相同的 pod 提供单一不变的接入点的资源。当 Service 存在时，它的IP地址和端口不会改变。客户端通过IP地址和端口号与 Service 建立连接，这些连接会被路由到提供该 Service 的…...

编程日记 2025/6/24 9:46:09

Base64编码原理：二进制数据与文本的转换技术

🔄 Base64编码原理：二进制数据与文本的转换技术开发者的数据编码困境作为开发者，你是否曾遇到这些与Base64相关的挑战： 📊 需要在JSON中传输二进制数据，但不确定如何正确编码🖼️ 想要在HT…...

编程日记 2025/6/2 15:43:00

系统设计(1)—前端—CDN—Nginx—服务集群

简介： 本指南旨涵盖前端、CDN、Nginx 负载均衡、服务集群、Redis 缓存、消息队列、数据库设计、熔断限流降级以及系统优化等模块的核心要点。我们将介绍各模块常见的设计方案与优化策略，并结合电商秒杀、SaaS CRM 系统、支付系统等高并发场景讨论实践技巧…...

编程日记 2025/6/24 9:53:12

Easysearch 基础运维扫盲指南：从 HTTP 到 HTTPS、认证与安全访问全解析

Easysearch 基础运维扫盲指南：从 HTTP 到 HTTPS、认证与安全访问全解析众所周知，原生 Elasticsearch 默认开启的是 HTTP 明文接口，并且不开启任何身份认证或传输加密。若想启用 TLS/SSL 加密及账号密码验证，通常需要配置繁琐的安…...

编程日记 2025/6/24 9:33:25

在Android中如何使用Protobuf上传协议

在 Android 中使用 Protobuf（Protocol Buffers）主要分为以下几个步骤： ✅ 1. 添加 Protobuf 插件和依赖在项目的 build.gradle（Project 级）文件中添加 Google 的 Maven 仓库（通常默认已有）&am…...

编程日记 2025/6/24 9:27:29

【数据可视化艺术·应用篇】三维管线分析如何重构城市“生命线“管理？

在智慧城市、能源管理、工业4.0等领域的快速发展中，地下管线、工业管道、电力通信网络等“城市血管”的复杂性呈指数级增长。传统二维管理模式已难以应对跨层级、多维度、动态变化的管线管理需求。三维管线分析技术应运而生，成为破解这一难题的核心工具。…...

编程日记 2025/6/2 2:07:09

2025年的营销趋势-矩阵IP

从 2025 年的营销生态来看，创始人 IP 与智能矩阵的结合确实呈现出颠覆性趋势，这一现象背后隐藏着三个值得深度解析的商业逻辑： 一、创始人 IP 的本质是 "信任货币" 的数字化迁徙当新能源汽车市场陷入参数混战，雷军将个…...

编程日记 2025/6/23 15:58:03

接口服务信息 using RestSharp; using System.Configuration; using System.Threading.Tasks; public class KingdeeAccessTokenService { private readonly RestClient _client; private readonly KingdeeApiConfig _config; public KingdeeAccessTokenService() …...

编程日记 2025/6/24 10:07:45

探秘 3D 展厅之卓越优势，解锁沉浸式体验新境界

（一）打破时空枷锁，全球触达 3D 展厅的首要优势便是打破了时空限制。在传统展厅中，观众需要亲临现场，且必须在展厅开放的特定时间内参观。而 3D 展厅依托互联网，让观众无论身处世界哪个角落，只…...

编程日记 2025/6/23 16:58:57

prometheus通过Endpoints自定义grafana的dashboard模块

1、prometheus自定义的dashboard模块文件路径/etc/prometheus/config_out/prometheus-env.yaml - job_name: serviceMonitor/monitoring/pfil/0honor_labels: falsekubernetes_sd_configs:- role: endpointsnamespaces:names:- monitoringrelabel_configs:- source_labels:- …...

编程日记 2025/6/20 6:15:44

java排序算法-计数排序

计数排序的思路计数排序的基本思路： 确定取值范围： 遍历整个待排序的数组，确定数组中元素的取值范围，找到最小值和最大值。创建计数数组： 创建一个计数数组，其长度为取值范围的大小，用于统计…...

编程日记 2025/6/23 22:11:45

力扣-hot100(滑动窗口最大值)

239. 滑动窗口最大值困难给你一个整数数组 nums，有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。返回滑动窗口中的最大值。示例 1： 输入：nums […...

编程日记 2025/6/20 11:54:39

每日c/c++题备战蓝桥杯(P1049 [NOIP 2001 普及组] 装箱问题)

洛谷P1049 装箱问题题解：动态规划在背包问题中的经典应用题目描述 P1049 装箱问题是一道典型的0-1背包问题变种。题目要求在给定箱子容量V和n个物品体积的情况下，选择若干物品装入箱子，使得箱子的剩余空间最小。最终输出这个最小剩余空间的…...

编程日记 2025/5/24 1:36:00

【尚硅谷Redis6】自用学习笔记

Redis介绍 Redis是单线程多路IO复用技术（类似黄牛买票） 默认有16个库，用select进行切换默认端口号为6379 Memcached：多线程锁（数据类型单一，不支持持久化） 五大常用数据类型 Redis key …...

编程日记 2025/6/2 6:43:12

产品更新丨谷云科技ETLCloud V3.9.2版本发布

谷云科技 ETLCloud 集成平台迎来了每月一次的功能迭代，本月发布版本号为 3.9.2 版本，为用户带来了新的功能、优化改进以及问题修复，以下是详细介绍： 新增组件本次更新新增了众多实用组件，涵盖了京东和 Shopify 相关…...

编程日记 2025/6/3 6:05:32

Promise并发控制与HTTP请求优化

Promise并发方法对比 #mermaid-svg-tnmGzOkgNUCrbvfI {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-tnmGzOkgNUCrbvfI .error-icon{fill:#552222;}#mermaid-svg-tnmGzOkgNUCrbvfI .error-text{fill:#552222;stroke…...

编程日记 2025/6/22 5:59:36

G1垃圾回收器中YoungGC和MixedGC的区别

在 G1 垃圾回收器中，Mixed GC 和 Young GC 的区别主要体现在以下几个方面： 作用范围 Young GC：仅针对年轻代中的Region进行回收，包括 Eden 区和 Survivor 区的 Region。Mixed GC：会回收所有年轻代的 Region 以及部分…...

编程日记 2025/6/22 11:13:28

Web4.0身份革命：去中心化身份系统的全栈实现路径

去中心化身份（DID）技术栈正在重构数字世界的信任根基，本文从密码学协议、存储网络、验证框架三个维度，解析符合W3C标准的身份系统构建方案。通过Hyperledger Aries架构实践，揭示如何实现跨链身份互通、数据主权控制、零…...

编程日记 2025/6/22 14:12:51

iOS/Flutter混合开发之PlatformView配置与使用

环境：Xcode 16.3、Flutter 3.29.2、Dart 3.7.2。使用背景：需要在flutter界面中嵌入一个iOS原生控件。步骤： 1. iOS侧实现： 1.1：PlatformView实现 class FLNativeView: NSObject, FlutterPlatformView {private v…...

编程日记 2025/6/4 17:31:29

Libconfig 修改配置文件里的某个节点

THCommandStatus ( { Status "1"; index 5; }, { Status "2"; index 8; }, { Status "3"; index 7; }, { Status "4"; index 0; } ); 比如这是配置文件的内容&#xff…...

编程日记 2025/6/23 22:58:23

【金仓数据库征文】_AI 赋能数据库运维：金仓KES的智能化未来

AI 赋能数据库运维：金仓KES的智能化未来 🌟嗨，我是LucianaiB！ 🌍 总有人间一两风，填我十万八千梦。 🚀 路漫漫其修远兮，吾将上下而求索。在当今数字经济飞速发展的时代&#xff0…...

编程日记 2025/6/3 3:44:38

Trae 实测：AI 助力前端开发，替代工具还远吗？

一、Trae 国内版简介

二、项目测试

相关文章：