开发工具
🔧 开发工具知识索引：沉淀 IDE、命令行、调试、测试和自动化技巧，把一次性排障过程转化为可复用的工作流。
知识地图
- 编辑器与 IDE：WebStorm、VS Code、快捷键、重构与代码导航
- 命令行与版本控制：Shell、Git、分支策略、提交与冲突处理
- 调试工具：浏览器 DevTools、Source Map、网络、性能和内存分析
- 测试工具：Vitest、Playwright、组件测试、Trace 与测试稳定性
- 构建与质量：Vite、Webpack、ESLint、Prettier、TypeScript 与 CI
- 内容与可视化：Manim、文档生成、截图和自动化脚本
推荐工作流
- 用格式化、Lint 和类型检查提前发现问题
- 用 IDE 导航、重构和搜索缩短定位时间
- 用 DevTools / Trace 保存可复现证据
- 将稳定复现写成自动化测试
- 在 CI 中执行检查并保留失败产物
- 把排障结论沉淀为笔记或脚本