今日内容
1 Trae介绍安装和配置
1.1 常见的AI编辑器
# 什么是AI编辑器？
-之前python开发，使用pycharm---》代码完全由我们自己编写--》自己调试--》自己修改bug--》直到开发完成
-有了ai编辑器后，Trae---》代码完全由AI编写，我们可以参与---》ai自动运行--》自动修复bug【人的参与】--》直到项目开发完成
-大白话：可以自动编写代码的编辑器，即便我们不会代码[java，python，go，c。。。]，也可以开发出项目
# 1 Cursor：Anysphere 由几位麻省理工高材生在 2022 年创立，总部在纽约布法罗
-2023年，Cursor发布
-最初，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次快速请求限制，推出备受期待的“无限使用”模式
-收费，比较贵，25美刀一月，
-底层使用Claude 大模型--》写代码比较强--》Claude 也自己推出了插件--》用来写代码
# 2 Trae /treɪ/-字节跳动推出出
-地址：https://www.trae.cn/
-2025年1月19日，字节跳动发布了一款面向专业的开发者提供服务的全新AI Coding产品Trae。
-Trae面向希望提高编程效率、减少重复性任务的开发者，无论是初学者还是经验丰富的开发人员均可使用。
-2025年2月，该工具上线Windows版，3月3日，字节跳动发布AI编程工具Trae国内版，Trae本质上是AI原生集成开发环境工具，有一体化的原生AI体验。
-新发布的Trae国内版模型搭载doubao-1.5-pro，支持切换满血版DeepSeek-R1&V3
-6月12日消息，TRAE的整体月活已超100万
-12月，更新很快，上线了solo模式。目前大部分人还用不了
-TRAE 分国内版和国际版
-国内版大模型：火山方舟，Deepseek。。
-国际版国外大模型：Claude。。。
# 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 ai编辑器呈爆发趋势--》很多厂商会推出自己的ai编辑器
-我们的目标：作为不懂代码的小白，如何使用ai编辑器，开发出成型的项目
2.2 Trae的下载和安装3.1.2版本
# 0 cursor或者trae，都是开源版vscode改的
-用起来跟vscode很像
# 1 编辑器，软件，需要安装到电脑上使用
-官网：https://www.trae.cn/
-下载：https://www.trae.cn/ide/download
# 2 一路下一步安装
# 3 注册账号，登录[没网用不了]
-软件会打开网页--》网页端登录后--》自动软件端也登录了
2.3 普通模式和solo模式
# 1 开启solo模式，目前只有两种方案
1 社交媒体别人分享的链接--》使用
2 好友邀请--》你的好友开了solo模式---》只能邀请一个人
# 2 solo算是测试模式--》目前没有完全开放，后期肯定就开放了
# 3 普通模式和solo模式有什么区别
-普通模式：
-编辑器，我们输入提示词，编辑器自动写代码--》写完代码后--》需要我们人工确认代码留还是不留
-我们自己做饭--》ai编辑器算打下手的--》西红柿炒鸡蛋--》想要鸡蛋，ai编辑器给你鸡蛋，想要西红柿，ai编辑器把西红柿切好给我们---》最终炒出菜
-solo模式
-纯ai编写，我们输入提示词后--》自动编写，自动创建文件，自动运行，修复bug
-全能的做饭厨师--》帮我炒一个西红柿炒鸡蛋---》剩下就是等着吃
# 4 ai编辑器毕竟刚发展了没几年---》中小型项目，问题不到；但是大型项目，就力不从心了
-如果ai编辑器能生成大型项目了，所有程序员都失业了
-目前只是初中级的程序员失业了
-修改程序--》需要读你目前已经写的代码---》按token--》传到后端---》代码量特别大--》传入的token就无法把所有代码都传过去
-大模型写好后，输出token---》也不能太大，太大了也会超token
-目前的ai编辑器，我们作为小白，会比每月2w顾一个程序员，牛的多
2.4 配置字体大小
# 配置字体大小和 ctrl+鼠标滚轮放大缩小文字
{
"editor.fontSize": 18, // 编辑器字体大小
"editor.mouseWheelZoom": true, //ctrl+鼠标滚轮放大缩小
"window.zoomLevel": 1.3 // 数值可调整，正数为放大，负数为缩小
}
2.5 安装python插件
# 1 这个编辑器可以开发任意语言代码，但是要运行，需要有插件的支持
-python---》项目后端使用python---》能运行python
-你先要装python解释器---》默认你们装好了
-装插件--》右键代码--》直接执行python
-如下图
2.6 打开或传进项目
# 1 打开一个空文件夹，然后新建文件--》就是一个项目
# 2 在项目中创建文件
# 3 新建文件 s1.py
2.7 常用操作
# 1 打开多个项目，可以同时开发多个项目
-只要再打开编辑器，打开文件夹，又是一个别的项目
-他们俩可以同时开发
# 2 左中右分布
-如下图
2.8 同学问题
# 1 怎么添加numpy 库文件
numpy 是py的一个模块--》本身机器已经装了python解释器了
python解释器上装numpy--》之前如何装，现在还是如何装
pip3.13 install numpy
#2 和pycharm的trea插件有区别吗
-pycharm 也能安装插件
-pycharm有 ai编辑器插件---》装了这个插件--》也会出现对话框--》也能帮我们自动写代码
-毕竟是插件--》对编辑器权限比较低---》无法完成高级操作--》打开浏览器--》在别的位置创建个文件夹--》可能没权限
-ai编辑器trae，是一个完整的编辑器软件---》权限会更高---》打开浏览器，创建个文件夹--》都有权限
# 1 python 安装模块
python 解释器装了后：如果pip，说明你python解释器没装
python：执行代码
pip：安装第三方模块 numpy，requests
pip install numpy # 把这个模块安装到你python解释器上
# 2 查看python安装的模块
pip list
# 3 trae编辑器配置--》可以跟我统一
# 4 python 能开发app吗？
-不能
-开发安卓app---》java语言，Kotlin； 其他方案 uniapp，js也可以--》没有python
-开发苹果app---》object c，swift； 其他方案 uniapp，js也可以--》没有python
-微信小程序---》后端
微信原生开发：js，wxml，wxss
后端：python + djagno
java：springboot框架
go：gin框架
2.9 我Trae的配置
{
"AI.toolcall.confirmMode": "autoRun",
"redhat.telemetry.enabled": true,
"AI.toolcall.confirmMode": "autoRun",
"redhat.telemetry.enabled": true,
"editor.fontSize": 18, // 编辑器字体大小
"editor.mouseWheelZoom": true, //ctrl+鼠标滚轮放大缩小
"window.zoomLevel": 1.3,
"database-client.autoSync": true, // 数值可调整，正数为放大，负数为缩小
"terminal.integrated.profiles.windows": {
"Command Prompt": {
"path": "C:\\Windows\\System32\\cmd.exe"
},
"PowerShell": {
"source": "PowerShell"
}
},
"terminal.integrated.defaultProfile.windows": "Command Prompt",
"files.autoSave": "afterDelay",
"AI.toolcall.v2.ide.mcp.autoRun": "alwaysRun",
"AI.toolcall.v2.ide.command.mode": "blacklist"
}
2 IT项目开发扫盲
2.1 IT公司人员分工
# 1 技术研发部门：负责产品的技术实现、架构设计、代码开发与维护
架构师：设计系统架构（如微服务、分布式），制定技术选型和开发规范
开发工程师（前端:app,微信小程序，网页； 后端：后端接口 全栈：前后端都做）：实现功能代码，遵循架构规范开发模块（如前端负责页面交互，后端处理数据逻辑）
测试工程师：设计测试用例，执行功能测试、性能测试，确保代码质量
运维工程师（DevOps）：管理服务器、部署上线、监控系统稳定性，优化运维流程
-部署在云服务器，虚拟机中：dify开源--》架构设计完了--》开发完了--》测试完了
数据工程师 / 算法工程师：处理数据清洗、建模，开发 AI 算法（如推荐系统、机器学习模型）
# 2 产品部门：定义产品方向，收集用户需求，推动产品落地
产品经理（PM）：调研市场需求，制定产品路线图，协调技术、设计、运营推进项目
需求分析师：拆解业务需求，转化为技术可实现的功能规格说明书（PRD）
项目经理（PM）：管理项目进度，协调资源，确保按时交付（部分公司由产品经理兼任
# 4 设计与用户体验：优化产品界面与用户体验，提升用户留存和转化率
UI 设计师：设计产品界面视觉（如配色、布局、图标），输出高保真原型。
UX 设计师：研究用户行为，优化交互流程（如按钮点击逻辑、页面跳转路径）。
交互设计师：细化界面动效和操作反馈，提升使用流畅度。
# 5 运营与市场部：推广产品、运营用户、提升品牌影响力
运营团队：
用户运营：维护用户社群，策划活动提升活跃度（如签到奖励、用户分层运营）。
内容运营：生产图文、视频等内容（如公众号推文、产品教程），吸引流量。
活动运营：策划促销活动（如电商大促、裂变拉新），制定转化目标。
市场团队：
品牌市场：制定品牌策略（如 Slogan、视觉 VI），投放广告（如社交媒体、搜索引擎）。
增长营销：通过 SEO/SEM、信息流广告等渠道获取新用户，优化获客成本。
# 6 销售与客户服务部：获取客户、完成交易、提供售后支持
销售团队：
客户经理：对接企业客户，制定销售方案，完成签单目标。
渠道销售：拓展代理商、合作伙伴，扩大市场覆盖。
客服团队：
客服专员：通过电话 / 在线聊天解决用户问题，收集反馈优化产品。
售后工程师：为企业客户提供技术支持（如部署培训、故障排查）
# 7 行政、人力、财务:保障公司日常运转，管理人才与资源
人力资源（HR）：招聘、培训、绩效考核，搭建团队架构。
行政部门：办公场地管理、采购、后勤支持。
财务部门：财务核算、税务申报、预算管理。
2.2 常见的项目
# 1 前台项目-前端项目:
## 1.1 定义：
负责用户可见的界面展示与交互逻辑，直接影响用户体验。
## 1.2 技术栈：
Web 前端：HTML/CSS/JavaScript、框架（React/Vue/Angular）、构建工具（Webpack/Vite）。
移动端前端：Flutter、React Native、原生 iOS（Swift）/Android（Kotlin）。
微信小程序。。。
## 1.3 应用场景：
企业官网、电商平台（如淘宝 PC 端）、管理后台（如 OA 系统界面）。
移动端 H5 页面（如微信公众号内嵌页面）。
## 1.4 特点：
注重 UI 设计、响应式布局、动画效果和性能优化
# 2 后台项目（后端项目）:
## 2.1 定义：
处理数据逻辑、业务规则和服务器交互，不直接面向用户，部署在服务器上。
## 2.2 技术栈：
编程语言：Java/Python/Go/PHP/.NET/C# 等。
框架：Spring Boot（Java）、Django（Python）、Express（Node.js）。
数据库：MySQL/Oracle/PostgreSQL（关系型）、MongoDB（非关系型）。
## 2.3 应用场景：
电商平台的订单处理、用户数据管理、支付系统。
云计算服务的 API 接口（如阿里云 API）。
## 2.4 特点：
注重业务逻辑复杂度、数据安全性、并发处理和服务器性能。
# 3 小程序项目--》必须有后端
## 3.1 定义：
运行在第三方平台（如微信、支付宝）内的轻量化应用，无需下载安装。
## 3.2 技术栈：
微信小程序：WXML（类似 HTML）、WXSS（类似 CSS）、JavaScript，或使用框架（Taro/uni-app 跨平台开发）。
支付宝 / 抖音小程序：各平台专属语法或兼容 Web 技术。
## 3.3 应用场景：
餐饮点单（如星巴克微信小程序）、共享单车扫码（如美团单车）、小游戏。
## 3.2 特点：
依赖平台生态，开发周期短，流量入口丰富（如微信社交裂变）。
# 4 App 项目（移动端原生 / 混合应用）
## 4.1 定义：
安装在移动端设备的独立应用，分为原生 App 和混合 App。
## 4.2 技术栈：
原生 App：
iOS：Swift/Objective-C + Xcode。
Android：Kotlin/Java + Android Studio。
混合 App：React Native/Flutter/Cordova（Web 技术封装）。
## 4.3 应用场景：
社交软件（微信、抖音）、工具类（支付宝、高德地图）、游戏（王者荣耀）。
## 4.4 特点：
可调用设备原生功能（相机、定位），性能优于小程序，但开发成本较高。
############# 这些东西对我们不重要---》因为我们不是专业的开发，这个不了解没关系############
#### 我们的目标：开发出一款换脸微信小程序：两个程序
-1 微信小程序端：WXML（类似 HTML）、WXSS（类似 CSS）、JavaScript
-2 后端api接口：python+django
2.3 项目开发流程
# 1 我们的目标：开发出一款换脸微信小程序：两个程序
## 1.1 项目启动阶段 :公司高管确定要开发这个项目
-市场调研
-可行性分析
## 1.2 需求分析阶段
-分析这款软件，有哪些功能
-产品经理：根据市场调研
## 1.3 设计阶段，开发阶段
-架构设计：
微信小程序端使用什么架构：原生架构
后端api接口：python+django
-原型设计：界面图--》UI设计
-分任务开发
-微信小程序团队：开发小程序
-后端api接口：开发后端
## 1.4 测试阶段
-测出bug，修复
## 1.5 上线阶段
-上线到服务器
## 1.6 运营阶段
3 Trae开发贪食蛇小游戏
# 1 网页端运行的 贪食蛇小游戏
# 2 如果让一个成手开发写，也要写很久
# 3 使用Trae几分钟完事
# 4 输入提示词：
使用html，css和js帮我写一个贪食蛇项目，写入到: ，并运行
4 Trae开发一个飞机大战小游戏
# 1 提示词
使用html，css和js帮我写一个飞机大战小游戏，写入到 2-飞机大战 ，并运行
# 2 本地玩这个小游戏，你们玩不到，只能在本地玩
# 3 大家都想玩，需要上线到服务器
5 上线飞机大战小游戏-所有互联网用户都可以玩
# 1 购买云服务器
# 2 finalshell链接
# 3 安装软件：nginx
## 3.1 前往用户根目录
cd ~
## 3.2 下载nginx 1.28.0
wget https://nginx.org/download/nginx-1.28.0.tar.gz
## 3.3 解压安装包
tar -xf nginx-1.28.0.tar.gz
## 3.4 进入目标文件
cd nginx-1.28.0
## 3.5 执行它
dnf install -y pcre-devel gcc make zlib-devel openssl-devel
## 3.6 执行它
./configure --prefix=/usr/local/nginx --with-http_ssl_module
## 3.7 编译并安装
make && make install
## 3.8 建立软连接：终端命令 nginx
ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx
## 3.9 执行命令
nginx
## 3.10浏览器打开地址
120.55.169.144 能看到如下图
## 3.11 大战源码放在指定位置
cd /usr/local/nginx/html
rm -rf 50x.html index.html
飞机大战源码上传到这个目录
解压：unzip demo.zip
删除压缩包
rm -rf demo.zip
### 重点：保证三个文件在这个文件下
/usr/local/nginx/html ：index.html script.js style.css
## 3.12 ip地址访问即可玩
# 停止nginx
nginx -s stop
# 启动nginx
nginx
# 访问：
http://120.55.169.144/
浙公网安备 33010602011771号