Vue+Express+TiDB：我的零成本全栈博客实践
做前端一年多，一直想做个人博客展示作品。但不想用静态模板，就想挑战全栈。最后花了几天搭了个博客，从前端到数据库都是自己的，总成本 0 元。
技术栈
- 前端：Vue 3 + Element Plus
- 后端：Express
- 数据库：TiDB Serverless（免费 MySQL）
- 部署：Vercel
- 开发辅助：Claude
为什么选这套
Vue 3 做前端轻量够用，Element Plus 组件丰富省时间。Express 简单直接，适合小项目。TiDB 有免费额度，MySQL 协议兼容，不用改代码直接连。Vercel 自动部署，push 代码就上线。
Claude 帮了大忙。写 Express 路由、连数据库、调接口，很多代码是 Claude 生成我改的。比查文档快，尤其是后端不熟的时候。
踩的坑
Vercel 国内访问慢。没花钱加速，目前就这样。
TiDB 连接串配置。文档里找了一会儿，Claude 直接给了对的格式。
前后端联调。本地开发时跨域，Express 加个 cors 中间件解决。
现在有什么
博客跑起来了，界面简单但能用。里面整理了我学习过程中写的笔记，主要是 Java基础、MySQL、Ajax、面试题这些。如果你也是前端想补后端，可以参考。
