前言
目前开发代码的最佳实践是使用Cursor的Tab自动补全功能加上Claude Code生成代码。为了让AI能更好地辅助开发,我们需要进行初始化。本文适用于Windows用户。
项目的Cursor Rules和CLAUDE.md都需要上传到代码仓,确保团队使用的是一样的规范。
Cursor初始化
用户设置
按如下路径打开设置,文件 > 首选项 > Cursor Settings 搜索User Rules,可以设置默认回复中文。
项目设置
按下Ctrl + L并输入/可以使用Generate Cursor Rules指令,这样可以生成.cursor/rules下的.mdc文件,可以上传到代码仓便于团队成员使用。如果无法使用Generate Cursor Rules指令,可以参考这篇文章
Claude Code初始化
如果还没有安装Claude Code,可以参考这篇文章
用户设置
打开Claude Code后,输入#尽可能输出中文,并选择User memory即可让Claude Code后续都尽可能输出中文。也可以找到~/.claude/CLAUDE.md并进行编辑。
如果使用figma,则在其中加入
shell
## Figma 设计稿严格遵循规则
当遇到 figama 字眼或者设计稿,必须使用 figama-mcp 读取完整设计稿节点信息再继续编码
对于复杂工作流,可以加入
bash
## 复杂需求标准工作流程
1.首先理清问题,阅读代码库中的相关文件,并制定tasks/todo.md计划。
2.计划中应包含待办事项清单,完成一项即可勾选。
3.开始工作前请先与我确认,我会核对计划内容。
4.随后着手处理待办事项,完成时及时标记。
5.每个步骤都请用简明扼要的方式说明所做的修改。
6.所有任务和代码变更都应尽量简化。我们希望避免进行任何大规模或复杂的改动。每次变更应尽量减少代码量。一切以简洁为原则。
7.最后,需在待办事项.md文件中添加审查章节,总结所做的更改及相关信息。
找到CLAUDE.md
使用虚拟机的情况下,我们无法像Mac一样直接在C:\Users\Administrator.claude找到CLAUDE.md文件 但我们却可以通过命令行的方式访问到
ruby
octopus@CHINAMI-UFE6487:/$ cd ~/.claude
octopus@CHINAMI-UFE6487:~/.claude$ ls
CLAUDE.md file-history projects shell-snapshots todos
debug history.jsonl session-env statsig
这时只要我们输入explorer.exe .回车后就会发现打开了一个路径为\wsl.localhost\Ubuntu\home<你的用户名>.claude的窗口 这样我们就能使用IDE来对CLAUDE.md进行编辑了
项目设置
用Cursor打开项目,打开WSL终端,打开claude code后,执行/init即可初始化项目的CLAUDE.md文件
接入MCP
注意每一个MCP都会消耗资源,所以不是越多越好,建议只接入必要的,并定期清理非必要的。
接入墨刀MCP
没必要接入,只支持提示词转html、提示词转文档、html存个人空间,并不支持UI节点信息转html
接入Figma MCP
支持UI节点信息直接变成代码
接入Apifox MCP
可以帮你自动生成符合规范的接口代码
修改~/.claude.json,将如下代码其加入mcpServers中即可
--project-id后端给的文档URL中会有,开发时记得改
APIFOX_ACCESS_TOKEN是公司内部通用的
perl
"apifox": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"apifox-mcp-server@latest",
"--project-id=9999999"
],
"env": {
"APIFOX_ACCESS_TOKEN": "XXX"
}
}
输入如下命令检查是否成功添加
claude mcp list