上周帮同事修一个 CI 流水线，他卡在 Git hooks 配置上半天，最后发现本地没装 husky，连 pre-commit 都没触发。聊着聊着发现，他用的编辑器还是默认配色，终端连 alias 都没设——不是不会，是没人带他串起来用。
别再单点折腾了，工具得成链
写代码不是拼凑一堆独立软件：VS Code 装一堆插件、终端敲几十个命令、Git 每次都手动 add/commit/push……真正省时间的，是让它们自动咬合。比如我改完代码保存，ESLint 自动校验 + Prettier 自动格式化 + Git 自动暂存；提交时 husky 拦住带 console.log 的代码；push 到 GitHub，CI 就跑测试、打镜像、推 Docker Hub——中间不碰鼠标，一气呵成。
我的主力工具链（Mac/Linux 向）
编辑器：VS Code + 这几个必装插件：
- Prettier（保存即格式化）
- ESLint（边写边报错）
- GitLens（看谁改了哪行，比 git blame 直观十倍）
- TODO Tree（把 // TODO 全聚在侧边栏，不漏活）
终端：iTerm2 + zsh + oh-my-zsh
加一行 alias：
alias gs="git status -s"
alias ga="git add"
alias gc="git commit -m"
alias gp="git push origin $(git branch --show-current)"一个真实工作流示例
今天要修个登录页样式 bug：
1. 在 VS Code 里打开 login.vue，改完保存 → Prettier 自动对齐缩进，ESLint 提醒我少了个 key 属性；
2. Ctrl+Shift+P → “Git: Stage All”，瞬间暂存；
3. 终端敲 gc "fix: 登录按钮文字溢出" → husky 触发 lint-staged，只检查本次改动文件；
4. 敲 gp → 推送 → GitHub Actions 自动构建并部署到预发环境；
5. 打开预发链接，刷新，问题没了。
整个过程不到 90 秒，没有切换窗口，没有复制粘贴，没有“等等我找下命令”。工具链不是炫技，是把重复动作压进肌肉记忆里，腾出脑子想业务逻辑。
别照搬，先从「断点」接起
看到别人整套链路眼馋？先别急着全装。盯住你最常卡壳的那个环节：是每次都要手动 npm run build？是查日志总得翻三四个窗口？还是团队协作老因格式不一致扯皮？就从这一个点下手——装个 prettier，配个 git hook，加个 shell alias。跑通一次，再接下一个。链子是一节一节焊上去的，不是买来就能用的整根钢缆。
工具链不是终点，是让你更快抵达问题现场的那辆自行车。骑得顺了，才顾得上看路边的 bug 是怎么长出来的。