Tutorials
Cursor 101
Cursor Tutorial 0 - Why Leave GitHub Copilot Behind?
A comparison of Cursor and GitHub Copilot capabilities. More developers are switching from GitHub Copilot to Cursor. But why is Cursor gaining such popularity? Many Cursor advocates haven't clearly explained its advantages over GitHub Copilot. Essentially, Cursor's main strengths lie in two key areas.
Cursor Tutorial 1 - Using the Tab Feature
What is the simplest and most direct form of AI-assisted programming? Why do different AI editors implement the Tab feature, yet the experience varies so much? What capabilities does Cursor's Tab feature offer?
Cursor Tutorial 2 - Are You Really Using the Prompt Bar (Cmd K) Feature Effectively?
The prompt bar (Cmd K) feature is the quickest way for users to guide AI-assisted programming, compensating for AI's inability to fully understand user intentions. This article will introduce the basic functions of Cursor's prompt bar (Cmd K) and some usage tips.
Cursor Tutorial - Double Your Development Speed with Composer
Cursor Composer is powerful for multi-file editing. But using it wrong can cause headaches. Here's how to use Composer effectively to double your development speed.
Cursor Tutorial 3 - Master Chat (Cmd L) for Problem Solving
When should you use Chat (Cmd+L)? Learn how to leverage context for better results.
How to Build Your Own Directory Website for Programming Beginners
What technologies do you need to build a directory website? Before 2024, you needed to learn HTML, CSS, JavaScript, Node.js, Next.js, and TypeScript. Now you just need to know what you want, and AI can help you implement it through prompts. Programming knowledge is still important, but good feedback is more important. Our ultimate goal is to create products, not to become a programmer. This article introduces how to quickly launch a directory website using bolt.new.
Trae Tutorials
Trae 从入门到实践：AI 编码的妙笔生花
国内第一款 AI IDE 产品 Trae AI，让 AI 融入到了编码阶段中，掌握AI编程技能，不仅能够应对未来的技术变革，还能在竞争激烈的市场中脱颖而出。
编码新时代：国内出品的第一款桌面端 AI IDE
介绍 Trae AI，这是由中国团队开发的第一款桌面端 AI IDE，可与 Cursor 媲美，基于 VSCode 构建。
竞品差异：Trae & Cursor & AI Extensions
详细对比 Trae AI、Cursor 和其他 AI 扩展插件之间的差异，帮助开发者选择最适合自己的 AI 编码工具。
安装使用：对齐 VSCode 的低成本迁移
详细介绍 Trae AI 的安装流程和使用方法，以及如何从 VSCode 无缝迁移到 Trae AI，保持用户习惯和配置。
Chat：编码阶段的 AI 即时响应
详细介绍 Trae AI 的 Chat 功能，包括 SideChat 和 InlineChat，以及它们如何在编码过程中提供即时的 AI 辅助。
设置：AI 功能的个性化配置
详细介绍 Trae AI 的设置选项，如何根据个人需求和使用习惯自定义 AI 功能，实现个性化的编码体验。
语境：额外的上下文信息扩展支持
详细介绍 Trae AI 的上下文扩展功能，如何添加和管理额外的上下文信息，提高 AI 理解代码和需求的准确性。
FastApply：高精准度的 AI 生成应用
详细介绍 Trae AI 的 FastApply 功能，如何将 AI 生成的代码高精度地应用到项目中，提高代码集成的效率和准确性。
Builder：AI Agent 的编码应用形态
详细介绍 Trae AI 的 Builder 功能，如何利用 AI Agent 技术从零开始构建完整的应用功能，实现代码自动化生成。
Git：AI 异常写入后的必备姿势
详细介绍在使用 Trae AI 过程中，如何通过 Git 操作处理 AI 生成的异常代码，保障代码质量和项目稳定性。
SSR：基于 Next.js 的可登录文档站点
详细介绍如何使用 Trae AI 从零开始构建一个基于 Next.js 的服务端渲染文档站点，包含用户注册、登录和文档管理功能。
CSR：基于 React 的后台管理平台
详细介绍如何使用 Trae AI 从零开始构建一个基于 React 的客户端渲染后台管理平台，优化 AI 辅助开发流程。
SSG：基于 Next.js 的静态官网
详细介绍如何使用 Trae AI 从零开始构建一个基于 Next.js 的静态站点生成官网，优化 SEO 和页面加载性能。
拥抱变化：AI 编码的妙笔生花
总结 Trae AI 的使用体验和未来展望，探讨 AI 编码工具如何改变开发者的工作方式和提高生产效率。