day13-TraeAI编辑器使用

今日内容

1 Trae 介绍和安装配置

编辑器【IDE】:软件,装在我们电脑上--》作用就是,在这个软件中写代码,能运行代码,调试代码

​ -Pycharm:写python代码

-eclipse:写java代码

-vscode:通过装插件,可以写任意的语言

普通编辑器:代码需要我们一行行手敲

AI 编辑器:软件,装在我们电脑上--》作用就是,在这个软件中写代码,能运行代码,调试代码

​ -可以通过AI自动写代码,写软件,不需要我们写了

大模型不是可以写代码吗?

可以写,但是它不能运行代码,调试代码,写完后复制出来,放到编辑器中运行

1.1 常见AI编辑器

# 1 AI 编辑器有很多,有国产的,有国外的
	-AI 编辑器写代码的强弱---》不取决于编辑器,取决于写代码的AI【代码大模型】
    
# 2 国外:目前国外的【写代码】能力强一些,都收费,基本都是 20 【140人民币】美刀一个月
	-Cursor:- 目前使用量最高,1 发布早,用户量大  2 使用了很强大的大模型Claude
    		- 由几位麻省理工高材生在 2022 年创立,总部在纽约布法罗
            - 2023年,Cursor发布
            - 2026 年 4 月 5 日起,Anthropic(Claude 母公司)正式禁止了 Cursor 等第三方工具使用 Claude 订阅额度
            -Cursor 没有自己的 【代码大模型】,要使用别人的:最开始使用了 Claude 母公司的大模型
            	-Claude 是目前,写代码最强的大模型【调用API】
			-目前主要使用 谷歌 Gemini 代码大模型
            -谷歌 Gemini 代码大模型  跟 Claude 不分伯仲,是目前最强大的代码大模型
    - OpenAI 公司GPT母公司 :Codex编辑器  ,代码能力也很强
    
    -claude  code Anthropic 推出的面向开发者的 AI 编程协作工具 【自己做】
		https://claude.com/download
            
    -Copilot是2023年5月24日微软在Windows 11中加入的AI助手
    
# 3 国内:目前好多都免费,但是【写代码能力弱一些】
	-字节跳动[coze,抖音,豆包 母公司]:Trae  2025年1月19日发布,目前国内使用率最高
    	-主打免费
        -Trae的代码大模型:doubao,deepseek。。。

	-阿里也有 AI编辑器
    	-通义灵码

# 4 写代码能力强弱,其实取决于:写代码的AI【代码大模型】
	-代码大模型
    	国产:DeepSeek,豆包,千问。。。
        国外:claude ,OpenAI,Gemini。。。
        
        
        
# 5 拓展:
	AI编辑器:
    	有纯编辑器的形式:软件形式:cursor,Trae。。
        有插件形式:不是独立的软件,是要安装在 Pycharm,vscode中使用,不独立
   写代码质量没有任何差距---》因为代码质量取决于代码大模型

1.2 Trae下载注册安装

# 1 介绍了很多AI 编辑器,我们讲课使用Trae:免费
	-如果大家想代码质量高--》自行选择使用付费的--》20美刀一个月,需要魔法
    	-Cursor
        -codex
        -claude  code
    -使用方式没有本质区别,只不过老外的,是英文界面,界面布局和使用几乎一样
    -一旦学了一个,其他都一样,没有任何学习难度
    
    
# 2  代码质量高低
	-写100个文件的软件
    	-国产的,写完--》有bug,需要慢慢调试
        -国外的,写完--》完美运行
        
        
        
# 3 我的观点
	目前我们先用免费的,因为目前我们写的软件不复杂,毕竟简单,够用了
    如果大家接了私活--》报价非常高--》花钱买付费的AI编辑器
# 0 Trae 有俩版本
	- Trae cn:国内版,不能使用国外的大模型,只能用国产模型
    - Trae国际版:国际上用,国内用不了,能使用国外大模型,默认语言是英文
   
# 1 下载地址
https://www.trae.cn/

# 2 一路下一步安装

# 3 双击打开,注册账号登录【目前免费,后续可能会收费】
	-必须登录后才能用
    -注册:点击登录,打开网页--》注册,登录上--》自动同步到软件上
   

1.3 普通模式和solo模式

# 1 普通模式:我们使用这个模式
	-我们 + Trae 一起写代码
	-我们中间可以停,可以取消,可以我们参与写
    -普通模式更可控一些:目前Trae写代码能力,没有那么的强,如果使用solo模式,写的软件,可能bug比较多
    
    
# 2 solo模式:目前还属于测试,功能还不是特别完备
	-完全Trae自己写代码,我们只需要输入 大白话
    -纯给它人物,它自己完成

image-20260416204251628

image-20260416204307295

1.4 配置字体大小

# 1 右上角设置--

# 2 我的配置

{
    "AI.toolcall.v2.ide.mcp.autoRun": "alwaysRun",
    "editor.fontSize": 18,   // 编辑器字体大小
    "editor.mouseWheelZoom": true, //ctrl+鼠标滚轮放大缩小
    "window.zoomLevel": 1.3,
    "AI.toolcall.v2.command.allowList": "[\"pip\"]" // 数值可调整,正数为放大,负数为缩小
}

image-20260416205953585

1.5 安装Python插件

# 1 需要安装python解释器
	-只要做python开发,必装,python课中详细讲了
    -在Trae中装个python插件 
    	-右键运行python了

image-20260416210300252

image-20260416210427556

image-20260416210452330

1.6 常用功能

1.6.1 打开或新建项目

# 1 新建一个项目,以后代码放在项目中
	-在pycharm中,file--》new project 创建项目
# 2 在Trae,cursor,vscode,新建项目是
	1 创建一个空文件夹
    2 使用IDE[Trae,cursor,vscode]打开空文件夹
    	-文件--打开文件夹
    3 就是新建项目

1.6.2 新建文件 和新建文件夹

# 1 ai 会帮我们创建文件,写入代码
# 2 我们也可以自己创建文件,写代码

image-20260416205635223

同学问题

# 1 老师,trae能不能写skill
	-coez插件
    -skill
    -可以写所有代码
# 2 老师,麻烦你在笔记里放一个python的安装包
	-用python 的哪个版本:
	-https://www.python.org/downloads/windows/
    - 教程中一定有安装包
# 3 老师,给讲下怎么做打麻将程序
	-写一堆小游戏
    -微信小程序--》并且上线

# 4 为什么我放大缩小用不了


# 5 Trae编辑器,用习惯了,什么问题都可以问
	-甚至比豆包更好
    
    
# 6 老师,项目性能,和编程语言关系大吗?比起python,有时候java生态的结构体系会更成熟吗?
	-有关系:
    	-c,go,java---》代码执行消耗小--》运行同样的代码--》速度快
    	-nodejs,python,php--》速度慢
        
    -不同语言的区别,应用场景不同
    	-ai开发:基本都是python
        -后端开发:java,go,c
    -让你砍树
    	普通锯手工:2cm粗的树
        斧头:
        电锯:参天大树

image-20260416211923401

Trae的免费模型

image-20260416212308615

1.6.3 常用按钮

image-20260416212755625

1.6.4 打开多个项目

#  1 使用Trae可以同时开发多个项目
	前端
    后端
    很多项目同时开发
    
    
# 2 打开多个项目同时开发

1.6.5 布局

image-20260416212701981

2 IT项目开发扫盲

2.1 IT公司人员职责及分配

# IT 公司,软件开发公司

# 1 技术研发部门【核心部门】:负责产品的技术实现、架构设计、代码开发与维护
    架构师:设计系统架构(如微服务、分布式),制定技术选型和开发规范
	开发工程师(前端 / 后端 / 全栈):实现功能代码,遵循架构规范开发模块(如前端负责页面交互,后端处理数据逻辑)
    测试工程师【测试部:质量控制部】:设计测试用例,执行功能测试、性能测试,确保代码质量
    运维工程师(DevOps):管理服务器、部署上线、监控系统稳定性,优化运维流程
    数据工程师 / 算法工程师:处理数据清洗、建模,开发 AI 算法(如推荐系统、机器学习模型)
    
# 2 产品部门:定义产品方向,收集用户需求,推动产品落地
    产品经理(PM):调研市场需求,制定产品路线图,协调技术、设计、运营推进项目
    需求分析师:拆解业务需求,转化为技术可实现的功能规格说明书(PRD)
    项目经理(PM):管理项目进度,协调资源,确保按时交付(部分公司由产品经理兼任)
    
    
# 3 设计与用户体验:优化产品界面与用户体验,提升用户留存和转化率
    UI 设计师:设计产品界面视觉(如配色、布局、图标),输出高保真原型。
    UX 设计师:研究用户行为,优化交互流程(如按钮点击逻辑、页面跳转路径)。
    交互设计师:细化界面动效和操作反馈,提升使用流畅度。
    
    
# 4 运营与市场部:推广产品、运营用户、提升品牌影响力
    运营团队:
        用户运营:维护用户社群,策划活动提升活跃度(如签到奖励、用户分层运营)。
        内容运营:生产图文、视频等内容(如公众号推文、产品教程),吸引流量。
        活动运营:策划促销活动(如电商大促、裂变拉新),制定转化目标。
    市场团队:
        品牌市场:制定品牌策略(如 Slogan、视觉 VI),投放广告(如社交媒体、搜索引擎)。
        增长营销:通过 SEO/SEM、信息流广告等渠道获取新用户,优化获客成本。
        
# 5  销售与客户服务部:获取客户、完成交易、提供售后支持
    销售团队:
        客户经理:对接企业客户,制定销售方案,完成签单目标。
        渠道销售:拓展代理商、合作伙伴,扩大市场覆盖。
    客服团队:
        客服专员:通过电话 / 在线聊天解决用户问题,收集反馈优化产品。
        售后工程师:为企业客户提供技术支持(如部署培训、故障排查)
        
        
# 6 行政、人力、财务:保障公司日常运转,管理人才与资源
	人力资源(HR):招聘、培训、绩效考核,搭建团队架构。
    行政部门:办公场地管理、采购、后勤支持。
    财务部门:财务核算、税务申报、预算管理。

2.2 项目开发流程

# 1 项目启动阶段 :项目立项
	-高管,老板决定的
    
# 2 需求分析阶段  
	-产品经理:分析用户需求,功能
    	
# 3 设计阶段
	-UI设计师:设计软件的界面,配色,交互。。。
    
# 4 分任务开发阶段
	-前端开发
    -后端开发
    
# 5 测试
	-测试人员
    
# 6 上线
	-运维人员:把开发好的代码,部署到服务器
    -用户就可以使用软件了
    
# 7 运营,市场
	-推广
    -用户活跃
   
# 后面 做微信小程序项目--》完整的走这个流程

3 Cursor自动开发游戏【比较简单的小型项目】

虽然不用我们写代码,但是我们最好能懂:什么代码能干什么事---》你懂:对Trae的调教会更好

你们:帮我写个贪食蛇

​ 大概率默认使用python写--》有python的解释器环境才能运行--》你发给你好哥们,它运行不了【它没有python环境】

老师:使用html,css和js帮我写个写个贪食蛇

​ 你发给你好哥们,你好哥们用浏览器打开,直接就可以玩了

3.1 贪食蛇

# 提示词--》我们的大白话跟大模型交流--》一开始大家写的可能不好--》需要慢慢跟ai交流,调教ai
使用 html,css和js帮我写一个贪食蛇,代码放在 1-飞机大战

3.2 飞机大战

# 提示词
使用html,css,js帮我写一个飞机大战,飞机要像真飞机,使用我这张图片作为飞机


3.3 消消乐

# 提示词
使用html,css,js帮我写一个消消乐

html,css,js

# 1 html :写网页布局的 --》超文本语言
# 2 css :按钮颜色,鼠标滑过的动画
# 3 js:按钮点击,弹窗。。。

# 三个合在一起,就可以写出好看的带反馈的网页

image-20260416221750869

总结

# 1 有了Trae ,相当于你花钱雇了个程序员

posted @ 2026-04-19 09:58  凫弥  阅读(43)  评论(0)    收藏  举报