LogoTanStarter 文档
LogoTanStarter 文档
首页模板介绍代码库快速开始环境配置
网站配置
部署

功能集成

Cloudflare数据库身份验证邮件邮件订阅存储支付通知分析聊天框联盟营销

功能定制

元数据页面落地页博客组件用户管理密钥管理

代码库

项目结构代码检查编辑器设置更新代码库
X (Twitter)

编辑器设置

学习如何设置编辑器以获得 TanStarter 的最佳开发体验

TanStarter 为流行的 AI 编程工具(如 Codex、Claude Code 和 Cursor)提供了预配置设置。

AGENTS.md

TanStarter 模板内置了 AGENTS.md 文件,为 AI 编程助手(如 Codex 和 Cursor)提供项目上下文信息、开发指南和代码规范。

当您使用 Codex 或 Cursor 时,它们会自动读取该文件以理解项目结构,从而生成更准确的代码建议。

CLAUDE.md

模板还包含一个 CLAUDE.md 文件,专门为 Claude Code 提供支持。该文件与 AGENTS.md 作用相同——提供项目上下文、代码规范和开发流程说明——但格式针对 Claude Code 进行了适配。

当您在项目目录中运行 Claude Code 时,它会自动加载 CLAUDE.md 以理解您的项目。

推荐 IDE 扩展

项目包含一个 .vscode/extensions.json 文件,当您在 VSCode 或 Cursor 中打开项目时,会提示您安装推荐的扩展。建议您选择立即安装,TanStarter 与以下扩展配合使用效果最佳:

Biome

Biome 是一个强大的 JavaScript 和 TypeScript 项目格式化和代码检查工具。它是 ESLint 和 Prettier 等工具的高性能替代品,在单个快速包中提供格式化和代码检查功能。

下载 Biome 扩展

GitLens

GitLens 增强了 VSCode/Cursor 中的 Git 功能。它帮助您浏览 Git 仓库,查看提交历史,并直接在编辑器中比较更改。

下载 GitLens 扩展

EditorConfig

EditorConfig 帮助在不同编辑器和 IDE 之间维护一致的编码风格。它对于强制执行一致的代码格式和缩进规则特别有用。

下载 EditorConfig 扩展

Tailwind CSS IntelliSense

Tailwind CSS IntelliSense 为 Tailwind CSS 类提供自动完成建议、代码检查和悬停预览,让 Tailwind CSS 变得更加容易使用。

下载 Tailwind CSS IntelliSense

下一步

现在您的编辑器已配置好,探索这些相关主题:

项目结构

了解模板项目结构

代码检查和格式化

使用代码检查和格式化

环境配置

配置环境变量

更新代码库

更新项目代码库

代码检查

在 TanStarter 中使用 Biome 进行代码质量管理

更新代码库

如何保持您的 TanStarter 项目与最新仓库代码同步

目录

AGENTS.md
CLAUDE.md
推荐 IDE 扩展
Biome
GitLens
EditorConfig
Tailwind CSS IntelliSense
下一步