用途:为团队统一 VS Code 工作区配置,提升协作一致性与开发效率。核心工作流包括创建 .vscode 目录,配置编辑器格式化与 Lint,添加团队推荐扩展,设置构建/测试/Lint 任务,配置调试启动项,并可选创建 devcontainer 保证环境一致。
主要能力:工作区结构包含 settings.json(工作区设置)、extensions.json(推荐扩展)、tasks.json(构建任务)、launch.json(调试配置)和 snippets/(自定义片段)。设置覆盖编辑器格式化、文件排除与监听排除、搜索排除、TypeScript/JavaScript 偏好、ESLint、Prettier、Tailwind CSS、Git、终端、资源管理器文件嵌套、调试与测试。推荐扩展涵盖 ESLint、Prettier、Tailwind CSS、TypeScript、React 片段、GitLens、Git Graph、Vitest、Jest、拼写检查、路径与 npm 智能提示、dotenv、EditorConfig、GitHub Copilot、JS 调试、Docker 与远程容器。任务包含 dev、build、test、test:watch、lint、lint:fix、typecheck、typecheck:watch。调试配置包含 Next.js 服务端与全栈、Chrome 客户端、Vite、Jest 当前文件、Vitest 当前文件、Node 附加与当前文件,并含 Full Stack Debug 复合配置。自定义片段含 React 函数组件、useState、useEffect、console.log、异步函数、try/catch、Zod schema。另提供 devcontainer.json 与 .editorconfig。
使用方式:在项目根目录创建 .vscode 文件夹并写入对应 JSON 文件;按需安装推荐扩展;通过任务面板运行构建、测试与 Lint;通过运行与调试面板选择启动配置。devcontainer 使用镜像 mcr.microsoft.com/devcontainers/typescript-node:20,转发端口 3000 与 5173,创建后执行 npm install。
适用场景:需要统一团队编辑器行为、格式化与 Lint 规则、调试方式与开发环境的 TypeScript/React/Next.js/Vite 项目。
限制:资料未提供具体收费、价格、平台支持范围与效果保证;部分任务与调试配置依赖项目 package.json 中对应脚本(如 dev、build、test、lint、typecheck)存在,否则需自行调整。