web全栈软件工具

我入行那会儿，栈软前端用jQuery，工具后端写PHP，栈软数据库连MySQL，工具部署靠FTP拖文件。栈软现在你要是工具跟一个年轻人说“全栈”，他脑子里蹦出来的栈软可能是Next.js、Prisma、工具Vercel一条龙。栈软工具变了，工具但全栈的栈软本质没变——一个人搞定从浏览器到数据库的所有环节。

先说最核心的工具一层：脚手架。Create React App已经半死不活了，栈软Vite成了事实标准。工具它启动快，栈软热更新顺滑，配置少得可怜。我用它搭过几个项目，从敲命令到页面跑起来，十秒内完成。但Vite只是开发服务器，真正干活还得靠框架。Next.js和Nuxt几乎统治了全栈圈。Next.js的App Router刚出时我被坑过几次，嵌套布局和Server Components的语法调了半天，但适应后真香——API路由直接写在页面文件旁边，数据库查询在服务端跑完再传给组件，省掉了一层又一层的状态管理。

数据层是另一片战场。十年前我们用MySQL加phpMyAdmin，现在Prisma成了我的默认选择。它的schema文件像在写TypeScript接口，迁移命令一把梭。有次我改了个字段类型，prisma migrate dev自动生成SQL并同步，比手写ALTER TABLE靠谱得多。不过别迷信ORM，复杂查询还是得裸SQL。我习惯Prisma管模型，遇到聚合分析直接写raw query，两边不耽误。

部署这块，Docker我用了三年，但最近迷上了Serverless。Vercel和Netlify把前端部署简化成push代码就上线，但后端函数冷启动时能急死人。后来我发现Cloudflare Workers更轻，边缘节点跑JavaScript，延迟低到没感觉。有个小工具我用Workers写的，每天处理几千次请求，账单上显示零费用。

版本控制逃不开Git，但工具链在进化。GitHub Copilot的自动补全帮我写过不少重复代码，比如防抖函数、分页查询这些模板逻辑。它写出的代码偶尔有bug，但整体效率提升明显。我同事更狠，直接用Cursor写整个CRUD接口，我审查时得逐行看，不然容易漏掉权限校验。

测试这块我过去偷懒，现在被逼着补课。Vitest比Jest快太多，和Vite天然兼容。我给自己定了个规矩：每个API路由至少写一个集成测试，数据库用SQLite内存模式，跑起来秒过。虽然麻烦点，但上线后半夜被报警吵醒的次数确实少了。

别忽视那些不起眼的小工具。Nodemon监视文件改动自动重启服务，我用了好多年。现在Node 20自带--watch参数，省了一个依赖。Concurrently能同时跑前后端脚本，npm run dev一个命令全启动。这些工具单个看微不足道，但凑在一起就是完整的全栈工作台。

说到底，工具是死的，人是活的。我见过用记事本写代码的老前辈，也见过依赖AI生成却看不懂报错的新手。全栈的关键不是会用多少框架，而是明白数据怎么流动、错误在哪层抛出、性能瓶颈卡在哪个环节。工具帮你省时间，但判断力得自己练。选工具就一个标准：它能不能让你少加班？能，就用。不能，换掉。