day15-Trae开发飞机大战

今日内容

# 影刀RPA：自动化流程机器人--》这一期先不讲了
	-可以像人一样操作计算机，完成某些操作
    
# 先讲ai编辑器
	-不会写代码，编辑器自动写代码
    
# 后面讲 openclaw：龙虾
	-clawbot改名

1 Trae 介绍和安装

1.1 常见ai编辑器

Pycharm都用过--》写代码的软件--》代码人来写【程序员】--》你不会写代码，用pycharm啥都干不了

AI 编辑器：纯小白，通过自然语言：帮我写一个订单程序 ---》跟AI编辑器交互---》自动编写程序，并能顺利运行

注意： 我们写的自然语言---》交给了AI编辑器软件----》软件就能自动写代码---》如何实现的？

​ -评价AI编辑器好坏的点在哪？

学习AI编辑器的使用，其实都一样：Trae，Cursor，claude，codex，使用起来都一样，中文还是英文，按钮布局不一样，唯一的区别就是底层大模型

国外模型需要FQ【违法】，花钱【20美刀一个月】，网上有些共享账号便宜一些

image-20260301202944182

# 1 国际上最火：cursor- Anysphere 由几位麻省理工高材生在 2022 年创立，总部在纽约布法罗
	-2023年，Cursor发布，全球第一款AI编辑器
    -最初，Cursor 基于 Codemirror 构建，但为了专注于开发尖端 AI 功能，并打造一个原生支持 AI 配对编程的集成开发环境（AI-native IDE），Anysphere 将 Cursor 迁移至 VSCodium 的一个分支上，即微软 Visual Studio Code（VS Code）的开源版本
    -为了实现以更快的速度提供最前沿的 AI 功能，Cursor 引入了性能更优的 Claude/klɔːd/ 模型，将 Copilot++（智能代码补全等功能）的速度提高了大约两倍。此外，还引入了一个名为「Composer」的试验性功能（Beta 版），它使用户能够在单一编辑环境中操作多个文件
    -2025年3月，AI 编程神器 Cursor 新鲜出炉 Claude Max 模式（MAX 代表了最大智能），其核心优势在于处理大规模代码和复杂逻辑时表现出色，适合硬核开发者和大型项目。
	-Claude Max 是 Claude 3.7 的一种更强大配置，它以 Claude 3.7 Thinking 模型为基础。具有超强的创造力，能在其他模型失灵时脱颖而出，解决更复杂、更精妙的任务。
	-2025年6月17日，AI代码编辑器Cursor于宣布对其Pro计划进行重大升级，正式取消每月500次快速请求限制，推出备受期待的“无限使用”模式
    -注意：
    	早起Cursor 大模型使用 Claude，是最强的写代码大模型，cursor 没有自己的大模型
    		-Cursor 就是个 "壳"
        2025年年底，Claude 不再运行 Cursor 使用它的大模型
        Cursor 现在接入了 谷歌的代码gemini3大模型
        目前他俩不分伯仲，远远领先于国内代码大模型
        Cursor自研代码大模型---》被爆出 使用阿里开源模型【真假】
        
        Claude自己推出了AI编辑器--》20美刀
        	claude IDE
        
        
        
# 2 国内第一个AI编辑器：Trae --》字节--》免费
	-不能对接Claude，gemini3 ---》国内访问不了--》政策原因
    -智能对接国产模型：稍逊一些
    -免费：我一直用，我觉得挺好
    -一直在发展：国际版，国内版
    	-国际版可以使用牛逼大模型---》花钱
        -国内版：免费
        
        
# 3 Windsurf /ˈwɪndsɜːrf/
	- Windsurf是一家于2021年成立的企业，专注于人工智能驱动的编程工具。
	- 2025 年 5 月 6 日，OpenAI 以约 30 亿美元（218 亿元人民币）的价格收购 AI 辅助的编程工具 Windsurf
	-下载地址：https://windsurf.com/editor
    - 有IDE和plugins
    
    
# 4 Copilot /ˈkoʊ.pɪ.lɑːt/
	-官网：https://github.com/features/copilot
	-Copilot是2023年5月24日微软在Windows 11中加入的AI助手，该AI助手是一个集成了在操作系统中的侧边栏工具，可以帮助用户完成各种任务。Copilot依托于底层大语言模型（LLM），用户只需说几句话，做出指示，它就可以创建类似人类撰写的文本和其他内容。
    
    
# 5 目前市场：
	-第一派：以插件形式使用
    	-pycharm，vscode---》装插件，使用AI编辑器功能--》实现自动写代码
    -第二派：以编辑器形式【我看好它，它对机器的控制能力更强】
    	-Cursor，Trae--》单独的编辑器--》实现自动写代码
        
        
# 6 Cursor，Trae 用起来跟 vscode 很像
	-vscode开源软件---》其实这些公司，拿了vscode改的--》所以用起来很像
    
    
    
    
# 7 果断时间听到
	xx ai编辑器能够多么牛x，如何写代码非常强
    	-xx编辑器：可能是cursor，trae，不知名的后期之秀
        -之所以强不强在编辑器上，强在 代码大模型上
        
        
# 8 补一句话
        skills[提示词]，openclaw【AI智能体】，mcp ，function calling，A2A。。。。都是新瓶装旧酒--》之前就存在 的东西，只是改了个名字炒作了
        
        2023年后，大模型没有发展，无非就是模型变大了，参数量变大了
        0.5b -----硬件和参数----》50b

1.2 Trae下载和安装

学习Trae，Cursor，claude ，都不重要---》本质都是一个东西，没有区别

# 1 下载地址
https://www.trae.cn/
# 2 一路下一步安装

# 3 双击启动，注册账号登录
	-一定要登录后才能用，不登录不能用
    -一定要联网！！！！
    -Pycharm 代码是我们自己写的，不联网，不登录都能用

# 4 后续一定会收费
	-使用后天大模型，消耗算力的

image-20260301205620133

image-20260301205815148

image-20260301210447404

1.3 普通模式和solo模式

# 1 登录进入是普通模式
	-ai写完的代码，需要我们确认，才能真正写到文件中
    -删除文件--》需要人工确认
    -总结：使用这个模式写代码，需要认为参与：重大决断【删文件，改文件】
    	-之前有很多代码了，现在继续让ai编辑器写-->会改掉你之前的代码：能改吗？要改吗？需要我们确认
       
    
# 2 solo模式：完全不需要我们动手
	-纯ai操作，不需要经过我们同意
    -适合从0开始，纯小白写的项目
    
    
# 3 讲课用普通模式讲
	-麻烦一点点：需要确认，安全大大滴

image-20260301211722747

1.4 字体大小调整

image-20260301212258860

image-20260301212313700

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

# 更多的，可以搜索vscode的配置

1.5 安装python插件

# 1 Trae 就是个编辑器
	Pycharm 也是编辑器---》先装了python解释器--》写了代码--》右键运行python代码即可
    
# 2 想用Trae写Python【java,go,js,html...】,得有对应语言的开发环境
	1 安装python解释器：3.12----》之前装过了
    2 装python插件--》可以右键运行Python代码
    3 到此：Trae可以当Pycharm去用

image-20260301213203009

image-20260301213259073

image-20260301213310907

1.6 新建项目-新建文件

# 1 D 盘创建一个文件夹，后期内部放Trae写的代码
	-使用Trae打开文件夹--》等同于Pycharm中，新建项目
    
# 2 项目中，新建文件
	lqz.py 文件

1.7 常用功能

image-20260301213639159

2 IT项目开发扫盲

下次课再聊

3 Trae编写代码：贪食蛇-飞机大战

# 提示词 【不了解技术：html，js，css，java，go 可能不了解--》需要后续做了解--》完全不了解也可以做，但是可能达不到你最满意的效果--》懂点技术--》再跟他交互会更好】
帮我使用html，js和css编写一个贪食蛇游戏，写入到 [拖过来]下

# 如果觉得哪里不合适，继续使用自然语言交互即可，直到你满意

# 提示词
帮我在 飞机大战 下，使用js，css，html编写一个界面美观的飞机大战

4 上线飞机大战

# 1 本地ai编辑器写的飞机大战，只能我们本地玩，我们想所有互联网用户都能玩，需要上线到公网服务器

# 2 购买阿里云服务器--》代码传上去，运行
	-跟之前讲dify部署类似--》但是简单很多
    
    
# 3 购买阿里云服务器：获取公网ip，装centos 9
	-磁盘，cpu，内存，自由选择
    
# 4 finallshel 远程连接：106.15.55.49
#  5 安装 nginx 软件
	-可以监听80端口
    -浏览器输入ip地址：106.15.55.49---》访问到 nginx 软件--》把飞机大战代码放到指定目录下
    -nginx 软件 去指定目录下拿 index.html 返回给用户浏览器
    -用户就看到飞机大战了
    
    #### 源码安装方式---步骤 ##########
    #1 下载 nginx 1.28.0
    	wget https://nginx.org/download/nginx-1.28.0.tar.gz
    #2 解压安装包
    	tar -xf nginx-1.28.0.tar.gz

    #3 进入目标文件
    	cd nginx-1.28.0

    #4 配置安装路径：/usr/local/nginx
        # 安装 PCRE 开发包的名称是 pcre-devel，支持https访问
        #zlib-devel：用于 gzip 压缩模块。openssl-devel：用于 SSL/TLS 模块（如启用 HTTPS） gcc 和 make：编译工具链
        dnf install -y pcre-devel gcc make zlib-devel openssl-devel
        ./configure --prefix=/usr/local/nginx --with-http_ssl_module
    #5 编译并安装
     	make &&  make install

    #6  建立软连接：终端命令 nginx
    	ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx 
    # 7 启动nginx
    	nginx 
    # 8 浏览器访问：http://106.15.55.49/ 看到如下图
#6 上传飞机大战源码，放到指定位置
	 cd /usr/local/nginx/html/
	 解压，注意 index.html, css,js 一定要在 /usr/local/nginx/html 目录下
       

# 8 浏览器访问即可
http://106.15.55.49/
    
    
# 9 游戏下线
	-粗暴方式：直接关机
    -更粗暴方式：释放实例
    -柔和方式：关闭nginx即可
    	nginx -s stop

image-20260301221522403

image-20260301220702989

image-20260301220811778

image-20260301221124943

posted @ 2026-03-02 19:19  凫弥  阅读(8)  评论(0)    收藏  举报