AI编程(一):Trae+Git 应用开发

一、TRAE 介绍

TRAE 是由字节跳动开发的 AI 原生集成开发环境(AI IDE),它通过深度集成大语言模型,旨在提升各阶段开发者的编程效率。

Trae 官网:https://www.trae.com.cn/

Trae 官方说明文档:https://docs.trae.cn/ide/what-is-trae?_lang=zh

Trae安装 官网下载地址

https://www.trae.cn/ide/download

选择对应os安装
核心模式

左上角为两种模式切换,右下角是大模型选择

二、TRAE 创建项目

给出提示词,AI自动生成项目代码及预览

三、Git本地仓库管理

1、本地操作系统安装 git:Git-2.24.1.2-64-bit.exe

2、控制台查看版本

3、Trae配置

新建终端

配置git用户名和邮箱

复制代码
git config --global user.name "<输入你的用户名>"

git config --global user.email "<输入你的邮箱>"

4、建立本地仓库

方法一:终端指令方式

初始化本地仓库:git init

初始化后,文件夹内生成.git文件

加入暂存区: git add -A

保存并添加本次修改的注释:git commit -m "<输入你本次修改的注释>"


git常用标识

四、案例实操

生成一个html5的贪吃蛇小游戏

项目中有新文件生成,git有变化

修改程序,将界面改成红色调,页面增加图片

点击+,暂存更改

提交修改
提交完成,时间线可以看到每次提交的修改内容,可以进行回溯

五、git远程仓库

码云地址:https://gitee.com/
1、创建远程仓库

2、初始化readme文件
3、copy地址

4、trae中克隆git项目


5、编写html5小游戏

提交和推送 到远程

相关推荐
脸ル粉嘟嘟2 小时前
一键部署的AI智能体新标杆
ai编程
luoshanxuli20103 小时前
Claude使用技巧
ai编程
踩着两条虫4 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(九):双向代码转换之处理事件、Props 和指令
前端·vue.js·ai编程
badhope4 小时前
GitHub热门AI技能Top20实战指南
前端·javascript·人工智能·git·python·github·电脑
踩着两条虫4 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(八):双向代码转换之 模板编译与AST转换
前端·vue.js·ai编程
小碗细面4 小时前
3分钟搭建AI开发团队:Agency-Agents实战指南
aigc·ai编程·创业
小虎AI生活4 小时前
全网 27 万只"裸奔龙虾":我突然明白了"一人公司护城河"是什么
ai编程
YimWu4 小时前
面试官:OpenCode Tool 工具系统了解吗?
javascript·ai编程
NikoAI编程5 小时前
Claude 2026 新功能全景:从语音编程到远程协作
ai编程·claude