day11-AI编辑介绍和VibeCoding编程
今日内容
1 Trae介绍和配置
1.1 AI编辑器介绍
1 编辑器:IDE---》快速，方便的写代码，可以写代码并运行代码的软件
-Pycharm ---》在这个软件中，写python代码，写程序，可以运行---》Python编辑器
-记事本：也可以写代码---》劣势是没有代码提示，不能直接运行
-AI没出现，古法编程---》纯手撸代码
2 AI + 编辑器
-使用AI，自动写代码
-程序员，可以不写代码---》检查代码---》就能实现软件开发
-小白：不懂代码--》全交个AI编写---》写完只要能实现我们目标即可
-小白借助于AI编辑器，就可以实现编程，写游戏，写软件
-如果懂代码，会更好的利用AI编辑器
-如果会代码，不会出现bug修复不了的问题
-如果是小白：不要同一套话术，反复跟他讲，换个思路，换种脑子【底层】，换个提示词
3 AI编辑器发展到现在：
- 1 Cursor：Anysphere 由几位麻省理工高材生在 2022 年创立，总部在纽约布法罗
AI大模型 + 编辑器
Anthropic Claude，OpenAI 开源版的VSCode
自动写代码，运行，调试---》实现编程
-2 Windsurf /ˈwɪndsɜːrf/：Windsurf是一家于2021年成立的企业，专注于人工智能驱动的编程工具。
-2025 年 5 月 6 日，OpenAI 以约 30 亿美元（218 亿元人民币）的价格收购 AI 辅助的编程工具 Windsurf
-https://windsurf.com/editor
-3 Copilot：Copilot是2023年5月24日微软在Windows 11中加入的AI助手，该AI助手是一个集成了在操作系统中的侧边栏工具，可以帮助用户完成各种任务。Copilot依托于底层大语言模型（LLM），用户只需说几句话，做出指示，它就可以创建类似人类撰写的文本和其他内容
-4 claude code：CC【20美刀一个月】： Anthropic 推出的面向开发者的 AI 编程协作工具-https://claude.com/download--》Anthropic大模型，前段时间 大模型，是市面上写代码最强的大模型
- 5 OpenAI Codex【20美刀一个月】
定位：OpenAI 推出的代码生成大模型 + Agent 生态，主打自主式、批处理式编程
-目前使用反馈：Codex 编程比较强
############# 国内编辑器##################
-6 Trae【No1 】 ：字节公司推出的AI编辑器【目前免费】---》可以付费【20美刀】接入Codex ，CC
AI大模型 + 编辑器
DeepSeek，豆包。。国产模型 开源版的VSCode
-7 通义灵码：阿里推出，AI大模型 使用千问大模型
-8 codebuddy：腾讯的AI编辑器，使用元宝大模型--》很一般
Cursor：Anthropic 不让Cursor使用它的大模型了，转而使用谷歌的或者openai的大模型
-原因：我猜：Anthropic要推自己的claude code
4 总结：写代码优劣，完全取决于：AI大模型
-Openai的
-豆包
-DeepSeek
-千问
5 AI编辑器也在发展
-刚出是对程序员友好---》对懂代码的人，使用起来方便
-随着发展--》向通用智能体方向发展---》对所有人友好[纯小白]
-通用智能体：龙虾--》就是通用智能体之一---》使用大模型---》会用OpenAI
-OpenAI：Codex 不仅能写程序，还能操作你的电脑，你给它指令，它什么都能干
-claude code：也是通用智能体
-Trae：solo模式---》本质跟Codex，claude code，都是通用智能体
-最核心：就是大模型---》更新很快
6 后期再发展，无非也是这样
-推出的一款东西---》就是完成一个事--》代替人【小白，程序员，专业美工，财务】，操作计算机
-只是更智能，更好操作
1.2 vibe coding
1 翻译过来：氛围编程，感觉编程，是 2025 年初由前 OpenAI 研究科学家提出、并被 评为年度热词的AI 原生编程范式。
2 一句话：你用自然语言说 “我要什么效果”，AI 帮你写代码；你只管看结果、提修改，不用逐行手写
3 核心思想：角色彻底反转
传统编程【古法编程】：人写代码、机器执行；人要懂语法、逻辑、细节、调试。
Vibe Coding：人定意图、AI 实现；人是 产品经理，AI 是程序员。
4 典型流程（5 步）
1 描述需求：用日常语言说清功能 / 效果，如 “做一个待办 App，支持增删改查和深色模式”。
2 AI 生成代码：LLM（GPT-4o/Claude/Cursor）直接输出可运行项目。
3 运行验证：一键跑起来，看是否符合预期。
4 迭代调优：用自然语言提修改（如 “按钮放右边、加加载动画”），AI 自动改代码。
5 最终交付：关键场景做安全 / 性能审计，上线
5 常用工具
编辑器：Cursor、Windsurf、GitHub Copilot Chat、VS Code + Copilot,Trae等
模型：GPT-4o、Claude 3、Gemini Advanced、DeepSeek V2。
平台：vibe-coding.run（官方演示站）：https://vibe-coding.run/zh
6 一句话总结【更利于小白】
Vibe Coding = 自然语言当代码，AI 当程序员，你当产品经理。它不是取代编程，而是重新定义人机分工，让创意落地更快、门槛更低
1.3 下载注册安装
0 为什么都说mac比win好
-mac系统 最适合程序员的
-介于win和linux之间的系统
-如果你是一个程序员，用过mac后，不会再想用win了
-mac上装win，使用鼠标--》白瞎了mac
-mac触控板完全不需要鼠标--》操作非常流程
-小白会觉得mac非常难用，那用到想砸电脑
1 下载地址
https://www.trae.cn/
Trae_CN-Setup-x64.exe
2 一路下一步安装
3 注册账号登录:必须登录【知道是哪个用户在用它的大模型，后续跟你收费，限制你使用次数】，必须联网：连大模型写完代码后，返回
1.4 普通模式和solo模式
普通模式：更像一个编辑器--》写程序，建议用这个
solo模式：更像一个普通聊天软件--》干其他事，建议用这个
----------能干的事都一样，能写代码，能装软件，能帮你炒股，帮你整理文档------
因为底层大模型都是一样
1.5 新建项目
1 Pycharm中可以直接创建项目
2 Trae中，vscode，cursor中
-新建文件夹
-在软件中打开文件夹
---这是新建项目----
必须新建一个项目，才能新建文件夹和文件
3 新建文件夹
4 新建文件
########## AI编辑器---》新建文件或文件夹--》可以交给AI来做
1.5 配置字体
{
"AI.toolcall.v2.ide.mcp.autoRun": "alwaysRun",
"editor.fontSize": 20, // 编辑器字体大小
"editor.mouseWheelZoom": true, //ctrl+鼠标滚轮放大缩小
"window.zoomLevel": 1.3,
"AI.toolcall.v2.command.allowList": "["pip","python"]" // 数值可调整，正数为放大，负数为缩小
}
1.6 安装插件
1 Trae AI编辑器---》能开发任意的编程语言：C，go，java，python，nodejs，php。。。。
2 代码的高亮显示，快捷运行对应的语言，要装插件
-高亮和运行Python---》要转个python插件，否则代码不高亮
3 大前提：必须先安装Python解释器--》相信大家已经装过了--》python第一节课
4 Trae中装插件：如下图
5 python3.12 python3.13 不要在同一个电脑上装多个python解释器--》因为你是小白，你会用乱了
1.7 Trae常用功能
1 新建项目，新建文件，新建文件夹，装python插件，运行python----》IDE功能
2 如果打开多个项目：如下图
-写一个贪食蛇
-写个飞机大战
3 左中右布局:如下图
3 vibe coding快速体验
1 贪食蛇
-提示词：帮我写一个贪食蛇程序
-问题：写在那？用什么编程语言写？写完要运行吗？
-帮我使用html，css，js写一个贪食蛇，写在 里，写完后，帮我运行
2 飞机大战
帮我使用html，css，js写一个飞机大战，写在 里，写完后，帮我运行
3 消消乐
帮我使用html，css，js写一个消消乐，写在 里，写完后，帮我运行
4 我们只需要使用 自然语言输入---》Trae会调用底层的大模型[联网]---》大模型写完代码--》返回到我们电脑上---》Trae控制我们电脑上代码，运行---》我们能看到效果
5 如果开发完了，没让他运行，或者拿到老师的代码
总结：
1 你是老板，花钱雇了个程序员，它什么语言都会写
2 你现在要开发一个软件
3 用大白话，自然语言，跟他说即可
4 它就会按照你的要求，写完
5 你只需要看结果，是否满意
-满意：搞定
-不满意：哪里要改，告诉他
使用ai编辑器是可以开发出Coze这种软件的
-小白不行
浙公网安备 33010602011771号