技术分享-ai助力开发-【trae开发工具教程】_day01

trae开发工具是什么AI代码编辑工具可以理解需求、调用工具各类开发可以做什么智能代码生成项目构建对话式编程 - 核心功能多任务并行前端开发、接口调试、bug修复等智能写作solo code 协助子智能体开发任务多种语言Javapythongorust…Solo Builder智能体快速落地创意。比如生成《大众点评》等Figma(飞科码) MCP:根据ui生成前端代码。智能文本助手kimi环境搭建安装使用trae国际版trae官网注册/登录可能需要梯子邮箱、Github、Google登录或注册这样就登录好了。默认是免费项目。超级模型有10次快速、50次慢速请求。高级模型有1000次。pro版本的第一个月是3美金、后续是10美金目前是可以试用14天专业版配置trae Settings trae ai相关设置点击齿轮图标可以进去CUE上下文理解引擎多行编辑、智能改写等等。内置模型上下文类似创建知识库关于》帮助文档比较有用Editor Setting编辑器设置在刚刚齿轮通用》Editor设置》去设置类似Vscode中的配置编写Java程序配置开发环境配置JAVA_HOME等jdk环境创建一个文件夹D:\code\study\trae\01_Project_Java创建一个java文件Hello.java安装插件识别到了jdk在设置就有一个开发环境编写程序写一个public空格然后tab生成运行程序快速体验trae在线投票程序创建一个文件夹打开文件夹 D:\code\study\trae\02_Project_Vote打开一个新的chatCtrlu。使用内置智能体BuilderTrae会根据提示词生成代码先输入“请编写一个在线投票系统然后点击优化如果不满意可以调整提示词大概角色、需求、技术点功能界面输出格式比如输出什么格式生成完成之后可以让智能体打开。比如请帮我打开online-vote.html文件html页面也可以自己打开Trae三大核心AI功能Tab-Cue(Context understanding engine)核心交互功能通过ai驱动智能补全和上下文感知能力代码补全只需要把注释写清楚会根据注释补全生成相应的代码。创建文件夹D:\code\study\trae\03_Project_Tab创建java ArraySort.javapublicclassArraySort{// 编写一个方法接收一个数组并排序排序使用冒泡排序publicstaticvoidbubbleSort(int[]arr){for(inti0;iarr.length-1;i){for(intj0;jarr.length-1-i;j){if(arr[j]arr[j1]){inttemparr[j];arr[j]arr[j1];arr[j1]temp;}}}}// 编写一个方法接收一个数组并打印publicstaticvoidprintArray(int[]arr){for(inti0;iarr.length;i){System.out.print(arr[i] );}System.out.println();}// 编写一个main方法测试刚才写的排序方法和打印方法publicstaticvoidmain(String[]args){int[]arr{3,1,6,2,9,0,7,4,5,8};System.out.println(排序前);printArray(arr);bubbleSort(arr);System.out.println(排序后);printArray(arr);}}智能代码重写可以对代码进行改写功能。刚刚我们写的是从小到大的我们现在要从大到小// 编写一个方法接收一个数组并排序排序使用冒泡排序从大到小排序publicstaticvoidbubbleSort(int[]arr){for(inti0;iarr.length-1;i){for(intj0;jarr.length-1-i;j){if(arr[j]arr[j1]){inttemparr[j];arr[j]arr[j1];arr[j1]temp;}}}}输出内容排序前 3 1 6 2 9 0 7 4 5 8 排序后 9 8 7 6 5 4 3 2 1 0多行协同优化数据联想当编写成员变量会进行自动联想和补全。比如我创建一个Person类然后写一个 private String name;然后输入private会提示第二个age等等多行批量修改比如我在main方法中写了第一次调用xxx方法然后后边的提示会提示出来光标位置预测比如我有个一个算术类比如我给加法方法写注释那么第二个位置减法会进行光标预测(跳转到减法方法)等。接受接受部分补全tab接受补全Ctrl键盘右键接受部分补全。一个一个接收ESC/继续输入注释或代码拒绝补全配置CUE配置智能导入当编写TypeScript、Python等等会自动导入依赖的模块智能重命名智能重命名项目中的变量、函数等。智能体聊天模式按CtrlU。如果mac commandU打开侧边的聊天窗口。或者点击这个图标内置智能体点旁边的三根横可以进去看具体有什么能力chat聊聊你的代码库或编写代码只能告诉代码怎么写没有办法生成文件测试提示词请编写一个网页版《贪吃蛇》游戏。再进行优化一下Builder端到端执行常规任务测试智能体还是刚刚一样的贪吃蛇(请编写一个网页版《贪吃蛇》游戏。然后再进行优化一下提示词。或者使用刚刚的)后面生成完成之后还可以和智能体说请使用浏览器打开snakeGame02.htmlBuilder with MCP支持使用配置的所有MCP Servers。如果不需要使用MCP使用Builder就可以了SOLO和IDE的区别IDE模式侧重于人机协助SOLOAI自主开发区别IDE模式IDE模式保留传统开发流程支持智能问答、代码补全等辅助功能用户对开发过程有更强掌控感。IDE适用场景适合需要精细控制代码或逐步验证逻辑的开发者SOLO模式AI主导全流程需求理解、编码、测试、部署通过自然语言输入即可自主完成开发任务自动化程度较高选择建议保留开发自主性选IDE模式追求效率选SOLO模式SOLO Builder聚焦快速原型开发通过自然语言描述生成完整Web应用含前后端适合从0到1的场景适合个人与小团队案例开发大众点评网站创建文件夹D:\code\study\trae\05_Project_Solo集成Supabase用于用户认证和数据存储切换SOLO Builder模式登录/注册Sqpabase完成上述步骤之后再创建一个组织之后再关联到trae之后回到Trae》创建项目提示词记得优化我需要开发一个大众点评的功能不需要有太多的功能只需要基本的功能就可以了。(有C端还有管理端。按照账号权限进行区分管理端(商家管理、点评管理等等))可以手动选择trae推荐的模型来完成。会生成产品文档、技术架构文档、技术文档、代码、部署等。这个时间比较久需要等待时间比较长。会搭建项目和安装一些运行的环境等等。可能在过程中会出现问题要一点一点调试。SOLO Coder面向专业开发者处理复杂项目迭代架构重构等等。Plan计划模式为完成任务制定详细的计划(先给详细的执行计划概览、技术方案、机制等等)先和用户沟通制定计划确认后再执行。在chat中输入/plan即可开启。有一些版本有一个开关。沟通》制定计划》执行这里案例以贪吃蛇为例/plan 作为一名专业的前端开发工程师请使用 HTML、JavaScript 和 CSS 从零开始实现一个完整的贪吃蛇游戏最终只要单文件叫snakeGame03.html。使用ai进行润色一下。然后进行生成。阅读完方案之后如果确认方案没有问题就可以点击执行如果有问题可以继续与智能体进行沟通调整修改。最终效果