前言

        AI 的使用在目前可以说是非常普遍了，本人在日常开发中喜欢使用 Trae 这款编辑器， 本文主要介绍在使用 Trae 进行日常开发中的一些经验总结，分享给各位。

使用总结

        首先要明白，现在的 AI 开发已经不仅仅是对话了，我们要学习编辑器的一些配置来让我们更精准的定位问题、更规范的生成代码、更高效的功能开发。

        下面将从三个方面（规则、技能、模型上下文协议）分享使用经验。

规则（rules）

        规则主要是规范和约束 AI 生成的代码，你可以通过制定规则来规范 AI 在 Trae 内的行为，包括代码风格、语言与框架、交互方式等，使 AI 的输出更符合你的个人偏好和项目要求。在 Trae 中规则分为：个人规则、项目规则

个人规则：

应用在所有项目中且不会被git追踪的规则。

下面是本人的user_rules.md。

# 个人开发规则

## 语言与沟通

1. 保持对话语言为中文
2. 代码注释使用中文（除非项目明确要求英文）
3. 技术术语保持英文（如 API、组件名、变量名等）

## 代码执行规则

4. 请不要主动运行代码
5. 修改代码前先使用 Read 工具查看文件内容
6. 执行命令前先确认命令的正确性和安全性

## 代码风格

7. 遵循项目现有的代码风格和命名规范（个人喜欢RESTFUL风格）
8. 优先使用项目已有的工具库和组件，避免重复造轮子
9. 添加新功能前先搜索代码库，了解现有实现
10. 保持代码简洁，避免过度设计
11. 复杂逻辑添加必要的注释
12. 公共 API 添加 JSDoc 注释

## 代码质量

13. 修改代码后确保代码检查通过（运行 `pnpm lint`）
14. 代码格式化后提交（运行 `pnpm format`）
15. 修改前理解代码上下文，避免破坏现有功能
16. 保持向后兼容，除非明确要求破坏性变更
17. 删除代码前确认无其他引用
18. 添加新依赖前确认项目未使用类似库

## Vue 开发规范

19. 使用 Composition API（setup 语法糖）
20. 优先使用 `<script setup>` 语法
21. 使用 `ref` 和 `reactive` 进行状态管理
22. 避免直接操作 DOM，使用 Vue 响应式
23. 组件名使用 PascalCase，文件名使用 kebab-case
24. 路由和目录使用 kebab-case
25. 避免不必要的组件重渲染
26. 合理使用 computed 和 watch
27. 使用 Pinia 进行全局状态管理
28. 避免直接修改 props
29. 使用 emit 传递事件给父组件

## 安全性

30. 不要在代码中硬编码密钥、密码等敏感信息
31. 不要提交包含敏感信息的代码

## Git 规范

32. 遵循 Commitlint 规范
33. Commit 信息清晰描述变更内容

项目规则：

应用在单个项目中且会被git追踪的规则。

下面是本人的project_rules.md。这里涉及到隐私，所以写的比较少。

# xxxx 项目开发规则

## 框架版本及依赖

- 核心: Vue 3.5 + TypeScript + Vite 6.x  
- 包管理: pnpm >= 10.12.4, Node >= 20.10.0  
- 主要依赖: Element Plus 2.x, Pinia, Vue Router 4.x, dayjs, TailwindCSS

## 测试框架要求

- 单元测试: Vitest + @vue/test-utils
- 命令: `pnpm test:unit` / `pnpm test:e2e`  

## 禁止使用的 API

- 禁止直接使用 `localStorage`/`sessionStorage`
- 禁止直接操作 DOM，用 Vue 响应式
- 禁止 Vue 2 选项式 API，用 Composition API
- 禁止 `any` 类型，定义明确类型
- 禁止直接修改 props，用 emit 或 computed

技能（Skill）

        技能也是md的描述文件，通过md文件进行定义和管理。每个技能封装了指令、脚本及相关资源，用于为 AI 提供可复用、面向特定场景的专业能力。技能不同于规则，AI 会自动分析用户需求，在需要的时候使用对应的技能。在 Trae 中技能分为：全局技能、项目技能

这里只给大家展示下本人导入的全局技能。

这里推荐一个skills网站：https://skills.sh/

模型上下文协议（MCP）

        模型上下文协议，对它是一个协议，它允许 AI 访问外部的第三方工具和服务，来拓展 AI 功能和便捷开发。

        这些第三方工具和服务我们称他为MCP Server。例如，我们可以使用 AI 联通Figma的MCP Server来实现将Figma的设计稿转化为前端代码的功能。

        MCP本人也没怎么用呢，推荐你们看官网，然后自行探索吧！

结尾

trae官方文档：

https://docs.trae.cn/ide/what-is-trae

即使是用AI，也要做最卷的那一批！

欢迎大家阅览、批评和指正！