AI | 字节跳动 AI 中文IDE编辑器 Trae 初体验

Trae 简介与安装

🔦 什么是 Trae

Trae 是大厂字节跳动出品的国内首个 AI IDE,深度理解中文开发场景。AI 高度集成于 IDE 环境之中,为你带来比 AI 插件更加流畅、准确、优质的开发体验。说是能够不用写代码,全靠一张嘴跟 AI 聊天就把项目做起来,确实要试试,看看以后的抢走码农饭碗的到底是什么东西🤭。

Trae 自带豆包、DeepSeek 大模型,目前支持 windows、MAC 平台,linux 也在加速落地ING👍。

📦 安装

从官网下载最新的安装包,双击🛫:

选择自己喜欢的主题,我比较喜欢暗色😎:

接着导入配置,支持导入 VSCode 的配置,平滑过渡😄:

我们可以添加命令行,也就是在终端/Terminal 中使用命令trae启动,个人觉得没啥必要:

好了,一切就绪,开始 Trae 的使用之旅吧!此处建议注册并登录😁。

编辑器布局如下:

🛠️ 从零开始创建项目

首先我们切换到 Builder 模式:

输入我们项目的基本信息:

根据提示一步步操作,我在安装依赖时报错:

此时需要修改正确的版本号😂。

接着我们生成 rsbuild 的配置文件rsbuild.config.js

js 复制代码
import { defineConfig } from '@rsbuild/core';
import { pluginVue } from '@rsbuild/plugin-vue';

export default defineConfig({
    plugins: [pluginVue()],
    source: {
        entry: {
            index: './src/main.js'
        }
    },
    html: {
        template: './index.html'
    },
    output: {
        distPath: {
            root: 'dist'
        }
    }
});

接下来,创建第一个页面,继续给 Trae 描述我们的需求:

可以看到创建出来的页面是有模有样的,不过还有以下小问题:

  1. 没有用到我们依赖的Naive UI组件库(可能是没在提示词中注明)
  2. 启动命令还是用npm,我以及在前面多番强调要用pnpm😔

我们试下让页面使用 Naive UI 组件:

达到了预期效果👍。我们通过pnpm dev命令启动项目,可以看到如下的效果:

继续让 Trae 帮我们写一个登录页面:

总结

简单试用下来,Trae 能够处理简单的工作,但是细节还有待提升。对老手来说,并没有自己动手复制粘贴快。

而且,还有一些问题:

  1. 有时候会碰到文件在人工修改后,下次由 AI 修改被覆盖的情况😂
  2. 配置路由(vue-router)时,暂不能很好的生成正确的代码

总之目前 Trae 还是一个不够成熟的工具,期待它不断强大起来。

相关推荐
lihuayong8 分钟前
LangGraph React智能体 - 推理与行动的完美结合
人工智能·langgraph·react 智能体
机器之心11 分钟前
Meta用40万个GPU小时做了一个实验,只为弄清强化学习Scaling Law
人工智能·openai
曾经的三心草14 分钟前
OpenCV5-图像特征harris-sift-特征匹配-图像全景拼接-答题卡识别判卷
人工智能·opencv·计算机视觉
慧星云28 分钟前
魔多 AI 支持 Wan 系列在线训练 :解锁视频生成新高度
人工智能
麻辣兔变形记34 分钟前
Solidity 合约超限问题及优化策略:以 FHEFactory 为例
人工智能·区块链
渡我白衣1 小时前
未来的 AI 操作系统(二)——世界即界面:自然语言成为新的人机交互协议
人工智能·语言模型·人机交互
墨利昂1 小时前
词向量:自然语言处理技术体系的核心基石
人工智能·自然语言处理
格林威1 小时前
可见光工业相机半导体制造领域中的应用
图像处理·人工智能·数码相机·计算机视觉·视觉检测·制造·工业相机
星期天要睡觉2 小时前
计算机视觉(opencv)——基于 MediaPipe 人体姿态检测
人工智能·opencv·计算机视觉
资讯全球2 小时前
2025机器人自动化打磨抛光设备及汽车零件打磨新技术10月应用解析
人工智能·机器人·自动化