打开 VS Code 写前端，网站终端里跑着 Vite 的工具热更新，浏览器 DevTools 的网站 Network 面板正刷着一串请求——这套流程我用了快五年，但每次跟新人聊起来，工具还是网站会发现有人以为“网站开发工具”指的就是 Dreamweaver 那种可视化编辑器。不是工具了，早就不是网站了。

编辑器这块，工具VS Code 基本吃掉了大半市场。网站装个 Live Server 插件，工具右键 HTML 文件就能起本地服务，网站改完保存浏览器自动刷新。工具JetBrains 系的网站 WebStorm 也有人在用，重，工具但重构和调试确实强，网站尤其 TypeScript 项目里跳转定义比 VS Code 稳。Sublime Text 还有人守着，启动快，开大文件不卡，不过插件生态已经不太跟得上了。我自己的习惯是 VS Code 主力，偶尔用 Neovim 改个配置文件，纯粹图快。

前端框架算不算“开发工具”？算，而且是绕不开的那种。React、Vue、Svelte 三个我都碰过。React 生态最大，遇到问题搜一下基本都有答案，但 JSX 写多了确实累。Vue 的单文件组件对新手友好，模板、逻辑、样式分三块，结构清晰。Svelte 编译时就把响应式处理掉了，运行时体积小，写起来最接近原生 HTML/JS，就是社区资源少一些。选哪个看项目，也看团队。我见过一个五人小组用 Svelte 重写后台，打包后体积从 1.2MB 降到 300KB 出头，加载速度肉眼可见地变快。

构建工具这几年换得最勤。Webpack 还在大量老项目里跑着，配置复杂但什么都能干。Vite 靠 esbuild 预构建和原生 ESM 把冷启动压到秒级，新项目我基本直接上 Vite。Turbopack 和 Rspack 也在追，前者绑在 Next.js 上，后者是字节出的 Rust 方案，兼容 Webpack 配置，迁移成本低。有个细节：Vite 的 HMR 在改 CSS 时几乎无感，Webpack 有时候要等一两秒，写样式的时候这个差距很影响手感。

后端和数据库工具就杂了。Node.js 配 Express 或 Fastify 起 API，Python 那边 Django 和 FastAPI 各有人爱。数据库管理我常用 TablePlus，轻量，连 MySQL、PostgreSQL、SQLite 都顺。DBeaver 功能更全但界面老派。部署环节，Vercel 和 Netlify 把静态站和 Serverless 函数打包成一条龙，推 Git 就自动构建发布。要自己管服务器的话，Docker 加 Nginx 还是标准答案，宝塔面板在国内小团队里出镜率很高，图形化配 SSL 和反向代理省事。

调试和性能分析容易被忽略。Chrome DevTools 的 Performance 面板录一段操作，能看清哪帧掉了、哪个函数吃 CPU。Lighthouse 跑分虽然被调侃“刷分”，但按它提示压图片、加缓存头、延迟加载非关键资源，真实用户感知的加载速度确实会好。我习惯上线前用 WebPageTest 多地点测一次，尤其面向海外用户时，新加坡和法兰克福的 TTFB 差一倍是常事。

版本控制不用多说，Git 加 GitHub/GitLab。但有个工具值得提：GitHub Copilot 和 Cursor 这类 AI 辅助写代码的编辑器，现在写重复的 CRUD 或者正则时真能省时间。Cursor 基于 VS Code 改的，Tab 补全整段逻辑的准确率比早期版本高不少，不过复杂业务逻辑还是得自己盯，它偶尔会编不存在的 API。

工具挑顺手的用，别追新追到项目里。我见过有人给一个静态企业站上 Next.js + Prisma + tRPC，部署完发现每月服务器成本够买三台虚拟主机。工具是干活的，不是拿来炫的。