IDE 配置
MuseMVP 开发推荐的编辑器、扩展插件与 Cursor Rules 配置。
MuseMVP 是一个 AI-native 项目 —— 其目录结构和模块边界经过专门设计,帮助 Cursor、GitHub Copilot 等 AI 编程工具更准确地理解项目上下文,生成更贴合项目规范的代码建议。
推荐编辑器
Cursor
基于 VS Code 的 AI 原生编辑器,内置对话、行内编辑和 Cursor Rules 支持,是 MuseMVP 开发的首选工具。
Claude Code
Anthropic 的 AI 编程助手,支持终端 CLI、VS Code/JetBrains 插件、桌面应用与 Web,可理解整库并跨文件编辑与执行命令。
Codex
OpenAI 的 AI 编程伙伴,支持多智能体工作流、云端环境与 IDE/CLI/Web,可与 ChatGPT 账号打通使用。
Antigravity
Google 的 Agent 优先 AI IDE,基于 Gemini,提供上下文感知补全、自主代理与云端工作区,支持多平台。
GitHub Copilot
GitHub 的 AI 结对编程工具,在编辑器中提供补全与对话,与仓库和 Issues 深度集成。
AI IDE 实时技巧在哪里?
本站 IDE 配置页偏向稳定参考;最新 AI 工具用法、Prompt 策略与实战踩坑,请阅读购买后解锁的私有加密 Notion 执行手册,并参考 AI 协作 的分工说明。
必装扩展
开始编码前,请安装以下扩展。它们会强制执行项目代码风格并为整个技术栈提供准确的 IntelliSense。
ESLint
基于项目 eslint.config.ts 规则提供实时 lint 反馈。
Prettier
保存时自动格式化代码。运行 pnpm check 同时检查格式与 lint 一致性。
Tailwind CSS IntelliSense
为 Tailwind v4 工具类提供自动补全、悬停预览和 lint 提示。
Drizzle ORM
为 Drizzle ORM 提供基于 schema 的自动补全和迁移辅助。
AI 配置文件
MuseMVP 不依赖任何特定编辑器的私有规则文件,而是使用通用的 AI 上下文文件,兼容 Cursor、GitHub Copilot、Claude Code、CodeX 等主流工具。
AGENTS.md— 项目主上下文文件,描述技术栈、目录结构、开发原则与命名约定,所有支持 agent 模式的 AI 工具均可读取。claude.md— Claude 专属入口,声明以AGENTS.md为唯一真值来源,保持两者一致。.agents/skills/— 内置技能集,为常见开发场景(前端设计、Next.js 最佳实践、UI/UX 等)提供结构化提示词,AI 工具可按需引用。.agents/workflows/— 预定义工作流,描述部署、代码审查等可重复操作的步骤,支持// turbo注解实现一键自动执行。
无缝切换 AI 工具
由于配置基于通用文件而非编辑器私有格式,你可以在 Cursor、VS Code + Copilot、Claude Code、CodeX 之间自由切换,AI 上下文始终保持一致。
工作区设置
仓库已内置 VS Code 工作区设置 .vscode/settings.json,开箱即可使用保存时格式化和 ESLint 自动修复,无需手动配置。
{
"editor.defaultFormatter": "biomejs.biome",
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"emmet.showExpandedAbbreviation": "never",
"tailwindCSS.experimental.classRegex": [
["cn\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
],
"editor.codeActionsOnSave": {
"source.fixAll.biome": "explicit",
"source.organizeImports.biome": "explicit"
},
"typescript.preferences.importModuleSpecifier": "non-relative",
"typescript.tsdk": "node_modules/typescript/lib",
"i18n-ally.localesPaths": ["./src/i18n/translations"],
"i18n-ally.keystyle": "nested",
"i18n-ally.namespace": false,
"i18n-ally.enabledParsers": ["json"],
"i18n-ally.sourceLanguage": "zh",
"i18n-ally.displayLanguage": "zh",
"i18n-ally.enabledFrameworks": ["next-intl"],
"i18n-ally.extract.autoDetect": true,
"i18n-ally.annotations": true,
"i18n-ally.pathMatcher": "{locale}/{namespace}.json",
"i18n-ally.sortKeys": true,
"i18n-ally.keepFulfilled": true,
"i18n-ally.usage.scanningIgnore": [
"node_modules/**",
"dist/**",
".next/**",
"**/*.test.ts",
"**/*.spec.ts"
],
"i18n-ally.extract.keygenStyle": "camelCase",
"i18n-ally.dirStructure": "dir",
"i18n-ally.tabStyle": "space",
"[typescript]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[typescriptreact]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[json]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[css]": {
"editor.defaultFormatter": "biomejs.biome"
}
}首次打开项目时,VS Code 会弹出安装推荐扩展的提示。点击 全部安装 即可一键完成配置。