xtraderClient/.cursor/skills/trae-development/SKILL.md

name, version, description, author

name	version	description	author
trae-development	1.0.0	提供 Trae 开发相关的功能，包括代码生成、调试、搜索等工具的使用指南。当用户需要使用 Trae 进行开发时使用此技能。	Trae Team

Trae 开发技能

功能介绍

本技能提供 Trae 开发环境的使用指南，帮助开发者更高效地使用 Trae 进行项目开发和维护。

使用场景

• 代码生成：创建新组件、接口、页面等
• 代码搜索：快速定位代码和文件
• 代码分析：理解现有代码结构
• 调试工具：排查和解决问题
• 项目管理：项目结构和规范管理

核心功能

1. 代码生成

组件生成

使用方式：

• 在命令面板中输入 Trae: Generate Component
• 选择组件类型（如 Vue 组件、TypeScript 接口等）
• 输入组件名称和相关选项
• Trae 会自动生成符合项目规范的代码

生成的组件结构：

• Vue 组件：包含 template、script setup 和 scoped style
• TypeScript 接口：包含完整的类型定义
• API 模块：包含请求函数和类型定义

2. 代码搜索

使用方式：

• 在命令面板中输入 Trae: Search Code
• 输入搜索关键词
• Trae 会显示所有匹配的代码片段
• 点击结果可直接跳转到对应文件

搜索范围：

• 项目代码库
• 依赖库
• 文档

3. 代码分析

使用方式：

• 在命令面板中输入 Trae: Analyze Code
• 选择分析类型（如依赖分析、性能分析等）
• Trae 会生成详细的分析报告

分析内容：

• 代码复杂度
• 依赖关系
• 性能瓶颈
• 代码质量

4. 调试工具

使用方式：

• 在命令面板中输入 Trae: Debug Code
• 设置断点或选择调试模式
• 运行调试会话
• Trae 会提供详细的调试信息

调试功能：

• 断点设置
• 变量监视
• 调用栈查看
• 表达式求值

5. 项目管理

使用方式：

• 在命令面板中输入 Trae: Project Management
• 选择管理功能（如依赖管理、版本控制等）
• 执行相应的管理操作

管理功能：

• 依赖安装和更新
• 版本控制操作
• 项目配置管理
• 构建和部署

最佳实践

1. 代码组织：

   • 按照项目框架规范组织代码
   • 使用清晰的命名和目录结构
   • 遵循模块化开发原则

2. 代码质量：

   • 定期运行 lint 和类型检查
   • 编写单元测试
   • 保持代码风格一致

3. 开发效率：

   • 使用 Trae 的代码生成功能
   • 利用搜索功能快速定位代码
   • 结合调试工具排查问题

4. 团队协作：

   • 遵循统一的代码规范
   • 及时更新文档
   • 提交有意义的代码注释

常见问题

Q: 如何使用 Trae 生成组件？

A: 在命令面板中输入 Trae: Generate Component，选择组件类型和配置选项，Trae 会自动生成符合项目规范的代码。

Q: 如何搜索项目中的代码？

A: 在命令面板中输入 Trae: Search Code，输入搜索关键词，Trae 会显示所有匹配的代码片段。

Q: 如何调试代码？

A: 在命令面板中输入 Trae: Debug Code，设置断点或选择调试模式，运行调试会话查看详细信息。

Q: 如何分析项目依赖？

A: 在命令面板中输入 Trae: Analyze Code，选择依赖分析，Trae 会生成详细的依赖关系报告。

配置选项

Trae 开发技能支持以下配置选项：

配置项	说明	默认值
trae.codeGeneration.style	代码生成风格	project
trae.search.scope	搜索范围	project
trae.analysis.level	分析深度	medium
trae.debug.enabled	启用调试	true

版本历史

• 1.0.0：初始版本，包含代码生成、搜索、分析和调试功能

注意事项

• 使用 Trae 开发技能时，请确保项目已经正确初始化
• 生成的代码可能需要根据具体需求进行调整
• 调试功能需要在开发模式下使用
• 分析功能可能会消耗一定的系统资源

通过合理使用 Trae 开发技能，可以显著提高开发效率和代码质量，为项目开发提供有力支持。