用Trae编写第一个有用的程序，搞定CSDN的历史的添加功能，DeepSeek-r1写程序谁不爱呢。颤抖吧初级程序员

已于 2025-03-04 22:10:26 修改
阅读量1.4k 收藏 14
点赞数 36
分类专栏： DeepSeek全场景应用 大模型 AI编程 文章标签： deepseek 人工智能 AI编程 开发工具 编辑器
于 2025-03-04 20:57:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taotaocwl/article/details/146025622
版权

欢迎来到涛涛聊AI。

因为我写的扣子(coze)系列文章，有20多篇了。想把他们都放在我新文章的下方，

无奈CSDN添加又不方便。每次我都是一个个的添加。

作为一个在AI时代下的程序员，我是不允许自己手工操作的。

一、Trae编辑器简介

字节跳动推出的Trae是一款革命性的AI编程工具 ，专为降低编程门槛设计。它通过集成Claude 3.5 Sonnet和GPT-4o等先进模型，能将自然语言描述转化为可运行代码。非专业开发者只需用中文描述需求，即可快速生成网站、工具应用甚至小游戏，特别适合想实现创意但缺乏编程经验的用户。

核心优势

  1. 零代码基础友好：支持自然语言交互，输入"创建带登录功能的网页"即可生成完整代码框架
  2. 全中文操作环境：界面与AI对话均支持简体中文，降低理解成本
  3. 项目级构建能力：Builder模式可自动处理文件创建、依赖安装等复杂流程

二、环境搭建指南

1. 系统准备与下载

 网址：Trae - AI 原生 IDE

2. 安装流程

安装流程

步骤操作说明注意事项
1运行 exe需管理员权限运行
2选择安装路径建议保留默认路径C:\Program Files\Trae
3勾选创建桌面快捷方式可选添加右键菜单集成
4完成安装后重启系统确保环境变量生效

三、基础配置详解

1. 视觉定制

通过设置中心(Ctrl+,)可调整：

  • 主题模式：深色(Dark)/浅色(Light)/深蓝(DeepBlue)
  • 显示缩放：建议125%-150%提升界面可读性
  • 终端配色：预设CMD/PowerShell/WSL主题

2. 环境迁移（可选）

支持导入VSCode配置：

  1. 点击欢迎页的"导入VSCode设置"
  2. 选择配置文件路径(默认%USERPROFILE%.vscode)
  3. 勾选需要迁移的扩展插件

四、Builder模式实战

一定要安装Builder，看看专门为CSDN历史文章编写的代码。

界面还挺NICE呢。

您可以通过访问 http://localhost:8000 测试工具，添加文章链接后内容会自动保存，即使关闭浏览器再次打开也能保留历史记录。点击「复制全部内容」按钮可将所有链接格式化为HTML代码并复制到剪贴板。

五、进阶篇

保存历史文章，我想着能保存到文本文件中，后来一看他已经使用了本地存储。

果然0错误，可以直接使用。

原来有初级、中级、高级程序员，现在初级程序员彻底没有用武之地了。因为最基础的代码AI很快就搞定了。

我现在去让AI把我以前扣子系列文章提取出来。

六、补上最新成果

提心的为我增加了导入按钮。

智能体系列文章

01、扣子：开启AI创新的无限可能，扣子免费教程（1）

02、扣子 依托大模型技术，AI 应用成就独立解决方案，扣子免费教程（2）_扣子 智能应用

03、一文搞懂扣子的空间、资源、权限和架构，扣子免费教程（3）

04、什么是智能体，扣子智能体功能概述，一文搞懂智能体，扣子免费系列教程（4）

05、不到一分钟，创建第一个AI恋人智能体，永远在线不会惹你生气。扣子免费系列教程（5）

06、掌握与 AI 对话技巧！提示词编写与优化全攻略，扣子免费系列教程（6）

07、智能体的多种创建方式，扣子免费系列教程（7）

08、扣子平台哪些功能实现不了，都有哪些坑，我先帮你踩了，扣子智能体免费系列教程（8）

09、搭建小红书梗图、歪理工作流，奶奶都能看明白的扣子智能体免费系列教程（9）

10、 创建用户交互界面并调用工作流，奶奶都能看明白的扣子智能体免费系列教程（10）

11、 智能体的核心技能之插件，插件详解和实例 ，扣子免费系列教程（11）

12、 扣子平台各模块概览，一文掌握基础版和专业版的差别，扣子免费系列教程（12）

13、 一文搞定高质量提示词，扣子免费系列教程（13）

14、让声音也能“智能”起来。扣子免费系列教程（14）

15、扣子平台卡片的创建，详解，使用全流程指南（保姆级教程）扣子免费系列教程（15）

16、利用扣子平台自动生成公众号草稿内容， 扣子免费系列教程（16）

17、扣子平台的选择器节点的使用，扣子免费系列教程（17）

18、批量将文案转为小红书风格，如何使用扣子对接飞书多维表格？扣子免费系列教程（18）

19、搭建自媒体歪理，deepseek生成爆款歪理梗图，扣子免费系列教程（19）

20、扣子 (coze) 抓取插件能读抖音文案，用 deepseek 整理，扣子免费系列教程（20）

DeepSeek +飞书多维表格中配置DeepSeek-R1模型
meisongqing的博客
03-20 1486
输入具体任务提示词（如“将输入内容改写为小红书风格文案，包含标题、正文和标签”）；高级选项：勾选“获取更多信息→输出结果”以生成结构化输出列。
3. 实战（一）：Spring AI & Trae ，助力开发微信小程序
有一只柴犬的专栏
03-27 851
到此，基本程序编码时间不到1小时就可以完全搞定，主要耗费时间的就是在不断的AI调整上。当然可能前面给的提示词比较粗糙也有关系，大家可以认真的给到一段提示信息，应该就不需要花过多时间去调整细化。代码我还未上传到Github，大家有需要可以私聊我，或者等我有空我上传到Github：https://github.com/Shamee99真正经验的是，我只是简单手绘了一个PRD草稿，Trae就可以代替我写出相关代码，而且还原度接近90%。大家细品~
从零到一：用Trae轻松编写你的第一个浏览器插件
全栈若城,专注知识分享
02-17 1万+
Trae 是一款集成 AI 的编程工具，提供智能问答、代码补全和自动编程功能，以提升开发效率。它拥有完整的 IDE 功能，包括代码编写和项目管理等。AI 助手能够提供实时代码建议、生成代码片段，甚至帮你从零开始开发项目，简化编程过程。界面全面中文化操作提示与文件说明均采用中文，贴合中文开发者的使用习惯。交互方式升级Trae 提供直观的文件路径创建指南，明确每个文件的具体用途与功能。行数变更提示以"+xx"形式突出显示，一目了然。批量操作选项包含“全部拒绝”与“全部接受”，简化决策流程。
Trae 实操指南: 2小时开发一个py脚本管理工具
Record Little
03-26 880
python环境和Trae 已经装好虽然是python小白 ,但是了解h5和java 基本的软件开发流程。目的：AI创建一个工具需求： 构建需求思路AI过程1、 需求描述，生成初版功能2、测试功能，定位错误，反馈错误3、修复代码，重新测试4、调整功能，循环以上步骤期望： 功能开发完成，打包，验证是否符合期望。
打工人必备！请查收「字节AI编程神器Trae的保姆级使用指南」
不能不吃肉不能不进步的博客
02-20 9534
Trae是字节跳动推出的智能编程助手，像我们的"编程小老师"，无需懂复杂代码，用中文描述需求就能自动生成代码，可以几分钟搞定贪吃蛇、扫雷等小游戏，分析数据等重复性工作，尤其适合非技术岗的职场新人。请注意：敏感数据建议先脱敏再喂给AI！！需求提的越详细，结果也会越精准哦！欢迎大家一起切磋AI的具体使用场景～希望大家在这个AI横行的时代，不要惊慌不要焦虑（大不了打不过就加入），虽然有些人是乙方（比如我），但！我们可以做Trae做AI的甲方吖！我们都会在这个时代留下独特的印记，就像同一个指令会有不同的结局。
Trae如何导入VSCode插件？三种方法详解
如沐春风
03-09 2423
通过。
TRAE+Cline+DeepSeek--使用和案例分析（持续更新）
仅记录，希望有帮助。
03-05 4399
Trae插件管理安装Cline扩展，配置API Key和模型（如DeepSeek-V3）。Plan模式用于规划与设计，Act模式执行编码。DeepSeek-V3经济实惠，多模态功能需用Anthropic或OpenAI模型。
零代码开发者的狂欢：用Trae 3分钟复刻「2048」秀翻全场
热门推荐
鄙人kunzhi96，感恩遇见！
02-21 3万+
终极拷问：当AI能实现你80%的代码，剩下20%的价值在哪里？ 我的答案是：在代码之外的领域创造不可替代性 - 发现用户自己都未察觉的深层痛点 - 将技术方案转化为大众可感知的价值叙事 - 在AI生成的结果上烙印独特的人类创造力 代码不重要，会提需求才是真大佬！Trae助你圆梦！
Trae CN-国内版-deepseek- Windows-Setup-x64.exe
03-03
Trae CN-国内版-deepseek- Windows-Setup-x64.exe
Trae根据原型设计稿生成微信小程序密码输入框的踩坑记录
q1003675852的博客
02-27 1604
Trae根据原型设计稿生成微信小程序密码输入框的踩坑记录
Trae-国际版-苹果-英特尔darwin-x64.dmg
03-03
所有资源都可以私信免费下载
【Trae安装+导入vscode配置使用】
dukedududu的博客
03-06 2432
将vscode配置导入Trae，并且使用Trae提供的免费大模型claude3.5和GPT4o进行代码工程开发。提高效率
浅尝AI编程工具Trae
cmoaciopm的专栏
03-25 465
记录一下今天试用AI编程工具Trae的两个场景。
字节最新 AI 编程助手 Trae 初体验：真不写一行代码 我开发了一个血型计算器
Lorin 洛林的后端技术小站
02-15 1597
Trae 是字节推出的一款强大的 AI 编程助手，集成了 AI 问答、代码自动补全、智能代理编程等功能，能够帮助开发者提升编程效率。本文将带你体验 Trae 的核心功能，探索如何借助 AI 更高效地开发项目。官方地址：https://www.trae.ai本文体验了 Trae AI 编程助手，体验过程十分流畅，在整个过程中我甚至真的做到了不写一行代码开了一个简单的小程序，生成的 UI 也较为美观；当然上面体验实现的开发项目较为简单，还需要在后续真实复杂项目中进一步测验。
Trae：又一个AI开发神器，带你使用
DZh_Ming的博客
02-18 1568
Trae 作为字节跳动推出的 AI 编程工具，凭借其强大的功能和友好的用户体验，为开发者提供了一个高效、便捷的编程环境。无论是初学者还是经验丰富的开发者，都可以通过 Trae 提升编程效率，快速实现项目目标。如果你正在寻找一款能够提升开发效率的工具，Trae 绝对值得一试！对比Cursor，暂不做评价。版权声明：本文内容由作者原创，未经授权禁止转载。如需引用，请注明出处。
CNN：卷积到底做了什么？
sagima_sdu的博客
04-16 1192
CNN 的核心思想是通过卷积操作从数据中提取局部特征，并逐步构建高层次的语义信息。简单来说，卷积的作用就是让 CNN 从像素级数据中提取有意义的特征，最终用于分类、检测、分割等任务。通过多层卷积操作，CNN 能够从低级特征（如边缘、纹理）逐步构建高级特征（如形状、对象），从而实现对复杂数据的理解和分析。卷积核是卷积操作的核心，其主要功能是从输入数据中提取局部特征，进而构建高层次的语义信息。卷积操作本质上是一种加权求和运算，通过滑动窗口的方式，在输入数据上施加不同的卷积核，提取局部区域的特征。
LeNet-5 介绍
ZHY0091的博客
04-16 913
LeNet-5 是由 Yann LeCun 及其团队于 1998 年提出的一种早期卷积神经网络（CNN），主要用于手写数字识别任务。它是现代深度学习中卷积神经网络的奠基之作，结构相对简单，但奠定了CNN的核心设计理念。LeNet-5 的结构如下：虽然 LeNet-5 在手写数字识别任务上取得了成功，但其结构和性能在面对更复杂的任务时显得不足。为了应对这些挑战，研究者提出了一系列改进方法，以下是主要改进方向：LeNet-5 作为早期的 CNN 模型，为后续深度学习的发展奠定了基础。通过引入更深层的网络结构、改
游戏NPC对话AI生成的管理调用系统设计
最新发布
anlixi的博客
04-16 1219
在数字内容创作的世界里，角色对话是连接虚拟与现实的桥梁——它让游戏中的NPC拥有温度，让故事里的角色跃然纸上。无论是构建恢弘的游戏世界，还是打磨细腻的剧情剧本，贴合人设的对话永远是赋予角色灵魂的关键。然而，当开发者需要为数百个NPC设计千种场景对话，当作家需要为数十个角色编织上万句台词时，手动编写往往陷入“耗时低效”与“逻辑割裂”的困境：如何让酒馆老板的闲聊符合他隐藏的盗贼身份？如何让恋人的争吵既符合性格又推动剧情？这些细节挑战，正需要一套智能化工具来破局。为此，我们打造了“游戏与故事人物对话模拟系统”
之前在微信开发里面编写的微信小程序，怎么在trae中运行呢
03-11
<think>好的，我需要帮助用户了解如何将微信小程序的代码迁移到Taro框架下运行。首先，我得回忆一下Taro的相关知识，特别是迁移步骤。根据用户提供的引用内容，引用[1]提到Taro支持使用React语法编写并输出多端代码，包括微信小程序和App。引用[3]提到Touch WX工程可以编译成微信小程序代码，但用户的问题相反，是要将现有的微信小程序代码迁移到Taro。引用[4]提到用户之前可能使用原生技术栈，现在需要迁移到Taro。 首先，我需要整理迁移步骤。可能需要安装Taro环境，初始化项目结构，然后处理原有代码，比如页面、组件和配置。微信小程序的页面有四个文件（.js, .wxml, .wxss, .json），而Taro使用React风格的单个文件，比如.jsx或.tsx，样式可能用.scss或.css。因此，需要将这四个文件整合到Taro的组件或页面中。 然后，配置方面，微信小程序的app.json在Taro中是config/index.js，需要调整配置项。还有，Taro的API和微信原生API可能有所不同，需要替换为Taro的API，比如wx.request换成Taro.request。 另外，引用[3]提到Touch WX的组件基于自定义组件机制，可能Taro也有类似的组件库，或者需要适配原有组件。用户可能需要检查组件兼容性，或者使用Taro的UI库。 测试和调试也是关键步骤，确保迁移后的代码在Taro中运行正常，然后编译到目标平台。可能还需要处理差异，比如使用条件编译处理不同平台的代码。 最后，用户可能需要优化和调整代码结构，遵循Taro的最佳实践，比如按功能组织代码，使用Hooks等。 现在需要将这些步骤结构化，分点说明，确保用户能逐步操作。同时，根据用户提供的引用，正确标注引用来源，例如引用[1]和引用[3]。还要生成相关问题，比如迁移后的优化、多端兼容处理等。</think>### 如何在Taro中运行微信小程序代码的迁移步骤 要将微信小程序原生代码迁移到Taro框架下运行，需遵循以下步骤： --- #### **1. 初始化Taro项目** - 安装Taro CLI工具： ```bash npm install -g @tarojs/cli taro init my-app ``` 选择对应框架（如React）和编译模式（如微信小程序/App）[^1]。 --- #### **2. 调整代码结构** - **页面文件整合**： Taro使用单文件组件（`.jsx`/`.tsx`），需将微信小程序的四个文件（`.js`, `.wxml`, `.wxss`, `.json`）合并。 例如，将 `index.wxml` 的模板转换为JSX语法，`index.js` 中的逻辑迁移到Taro的生命周期方法中，样式文件改为 `.scss` 或 `.css`。 - **配置迁移**： 将微信小程序的 `app.json` 中的全局配置（如页面路径、窗口样式）迁移到Taro项目的 `config/index.js` 中[^2]。 --- #### **3. 替换原生API** - Taro提供统一的跨平台API，需将微信原生API（如 `wx.request`）替换为 `Taro.request`。 例如： ```javascript // 微信原生 wx.request({ url: '...' }); // Taro适配 Taro.request({ url: '...' }); ``` --- #### **4. 组件兼容性处理** - **自定义组件**： 若原小程序使用了自定义组件，需按Taro组件规范重构（如使用Props传递数据，事件绑定用 `onClick` 替代 `bindtap`）[^3]。 - **第三方组件库**： 推荐使用Taro官方UI库（如 `@tarojs/components`）或兼容Taro的第三方库。 --- #### **5. 多端编译与调试** - 通过修改 `package.json` 中的脚本命令，编译到不同平台： ```bash # 编译为微信小程序 taro build --type weapp # 编译为H5 taro build --type h5 # 编译为React Native（需额外配置） taro build --type rn ``` - 使用 `Taro.openApp` 等跨平台API处理端差异。 --- #### **6. 优化与测试** - **条件编译**： 使用 `process.env.TARO_ENV` 区分平台逻辑： ```javascript if (process.env.TARO_ENV === 'weapp') { // 微信小程序特定逻辑 } ``` - **性能优化**： 按Taro最佳实践调整代码结构，如减少不必要的渲染、使用Hooks管理状态。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值