开发环境与编辑器

工具类型	说明	常用工具
代码编辑器	VS Code是主流选择，支持丰富插件生态，WebStorm功能全面	VS Code WebStorm Neovim
VS Code 必备插件	ESLint/Prettier代码格式化、GitLens版本管理、Live Server本地预览	ESLint Prettier GitLens
浏览器开发工具	Chrome DevTools元素审查、网络请求分析、性能监控、JavaScript调试	Chrome Firefox Edge
终端工具	iTerm2(macOS)、Windows Terminal、Windows PowerShell	iTerm2 Windows Terminal
包管理工具	npm/npx包管理、yarn/pnpm高性能替代、pnpm节省磁盘空间	npm pnpm yarn

版本控制与协作

工具/实践	说明	关键命令/功能
Git 版本控制	分布式版本管理系统，代码历史追踪、分支管理、协作开发	git clone git branch git merge
Git 工作流	Git Flow分支策略、GitHub Flow简单流程、Trunk Based Development主干开发	feature/ develop/ release/
代码托管平台	GitHub最大开源社区、GitLab自托管、Bitbucket私有仓库	GitHub GitLab Bitbucket
Pull Request	代码评审流程、自动化检查、团队协作审核、CI/CD触发	PR Code Review CI
代码评审规范	提交信息规范、代码风格检查、测试覆盖要求、文档更新	Conventional Commits lint test

开发工作流程

阶段	说明	工具/产出
需求分析	理解产品需求、技术评估、任务拆解、工时评估	Jira Notion 飞书
技术设计	API设计评审、数据库设计、组件设计、技术方案文档	Swagger Draw.io Figma
本地开发	代码编写、热更新调试、单元测试、本地环境搭建	Vite Hot Reload Vitest
代码提交	代码评审、Git提交规范、自动化检查、关联需求	ESLint husky commitlint
持续集成	自动化构建、测试执行、代码质量检查、制品生成	GitHub Actions GitLab CI Jenkins
测试验收	功能测试、集成测试、UI测试、回归测试、QA验收	Playwright Cypress Jest
部署上线	环境部署、配置管理、灰度发布、回滚策略、监控告警	Vercel Docker K8s

文档与协作工具

工具类型	说明	常用工具
文档管理	技术文档编写、API文档维护、知识库建设、团队wiki	Notion 语雀 Confluence
API 文档	接口文档编写、交互式文档、Mock数据、版本管理	Swagger Apifox Postman
原型设计	UI/UX设计、交互原型、设计稿标注、组件库共享	Figma Sketch Axure
项目管理	任务跟踪、进度管理、敏捷看板、燃尽图、迭代规划	Jira Trello 飞书
即时通讯	团队沟通、代码分享、快捷回复、频道管理	Slack Discord 钉钉

性能监控与问题排查

工具类型	说明	常用工具
性能分析	页面加载性能、资源大小分析、渲染性能优化建议	Lighthouse PageSpeed Chrome DevTools
错误监控	JavaScript错误上报、Promise异常捕获、用户行为追踪	Sentry Bugsnag Front
行为分析	用户访问路径、页面停留时间、点击热图、转化漏斗	Google Analytics Mixpanel 神策
接口监控	API可用性检测、响应时间监控、错误率告警、接口Mock	Apifox Postman Mock.js
真机调试	移动端调试、真机预览、跨平台测试、远程调试	Eruda VConsole Chrome Remote

效率提升技巧

技巧	说明	工具/快捷键
编辑器快捷键	多光标编辑、行移动、命令面板、快速搜索、文件跳转	Ctrl+Shift+L Ctrl+P F1
Git 效率操作	交互式暂存、commit修改、cherry-pick、stash暂存	git add -i git commit --amend
代码片段	常用代码模板、自定义snippet、团队共享片段	VS Code Snippets GitHub Copilot
Alfred/Spotlight	快速启动应用、计算器、剪贴板历史、 workflows	Alfred Spotlight
窗口管理	分屏显示、快速切换、窗口排列、虚拟桌面	Rectangle Moom Windows Snap