mcpField
T
tsconfig

tsconfig

github.com/gkwa开发090 次安装5 天前更新
代码仓库

关于 tsconfig

面向 Vite 项目的 TypeScript 配置方案，包含严格类型检查和可选的 Chrome 扩展 API 类型设置，并说明关键编译器选项。

主要功能

  1. 01ES2020 目标与 ESNext 模块
  2. 02Bundler 模块解析
  3. 03严格类型检查
  4. 04仅检查类型而不输出文件
  5. 05可选的 Chrome API 类型

适用场景

  1. 01为 Vite 配置 TypeScript
  2. 02检查 Chrome 扩展 API 类型
  3. 03避免 TypeScript 输出与 Vite 冲突

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/gkwa/volcanicviper --skill tsconfig

安装后在 Claude Code 中输入/tsconfig确认已加载。

附带文件tile.json

详细介绍

添加包含以下设置的 tsconfig.json：

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "moduleResolution": "bundler",
    "strict": true,
    "noEmit": true,
    "types": ["chrome", "vitest/globals"],
    "lib": ["ES2020", "DOM", "DOM.Iterable"]
  },
  "include": ["src"]
}

关键选项：

  • "moduleResolution": "bundler" — Vite 正确解析 ES 模块所必需的设置
  • "types": ["chrome"] — 为 Chrome 扩展 API（chrome.storage、chrome.runtime 等）启用 IntelliSense 和类型检查；如果不构建 Chrome 扩展，请移除此设置
  • "noEmit": true — 让 TypeScript 执行类型检查，同时避免与 Vite 的编译冲突
  • "target": "ES2020" — 启用 async/await、可选链和其他现代语法
  • "strict": true — 尽早发现错误并确保编码模式一致

如果要构建 Chrome 扩展，请安装 Chrome 类型包：

pnpm add --save-dev @types/chrome

评论

支持 Markdown