📖 一个野生全栈开发者的摸鱼日记
—— 关于这个项目是怎么从“Hello World”变成“救命啊这么多 Bug”的
🌱 起源
某年某月某日,我对着电脑发呆,突然想:“要不做个系统玩玩?”
于是,我打开了 VSCode,敲下了 npx create-react-app
,命运的齿轮开始转动...
其实当时没多想,只是想试试能不能不靠教程写点什么。 结果现在代码能跑,我人已经快跑不动了。
💡 这个系统是干啥的?
说实话,一开始我也不知道。 现在呢?我更不知道了。
大概是个:
- 前端:React + Ant Design(因为懒得自己写样式)
- 后端:Node.js + Express(因为 JavaScript 能少学一门语言是一门)
- 数据库:MongoDB?MySQL?低代码平台?(全都试过,最后选了“先放着”)
功能规划:
- 增
- 删
- 改
- 查
- 偶尔还会崩
🔥 开发日常
-
第一天:雄心壮志,画了个超酷的原型图(纸上画的)。
-
第二天:Ant Design 的 Table 不听话,怒写 10 个
!important
,和样式硬刚。 -
第三天:联调 API,CORS 报错,直接
app.use(cors())
,从根本上解决一切。 -
第四天:加了个登录页,密码验证逻辑是“只要不是空就行”。
-
第五天:UI 改来改去,感觉自己在玩“像素对齐模拟器”。
-
第六天:部署了,但不稳定;上线了,但没人用;自测了,但不想改。
-
第 N 天:
git commit -m "又改了一堆我也不知道是啥的东西"
🧠 技术选型心路历程
- React:因为用过 Vue,想换个口味(结果两边都不精)。
- Ant Design:有现成组件不香吗?造轮子太累,直接抄近道。
- Express:配置少,上手快,出了问题就
console.log
。 - 数据库:刚开始用 JSON 文件,后来想了想,数据库也不贵,就上了 MongoDB(然后就再也没连上过)。
🐛 已知问题
-
稳定性问题:偶尔能跑,偶尔不能跑,全凭当天运势。
-
代码注释:
// TODO: 这里以后优化 // FIXME: 不知道为啥会这样 // WTF: 忘了这段是干嘛的了
-
浏览器控制台:警告一堆,全军覆没前我不会改。
-
代码风格:eslint 关了,prettier 删了,心情自由了。
🚀 如何运行?
-
前端:
cd web npm install npm run dev
💡 如果报错,试试这一招:
rm -rf node_modules npm install
—— 亲测有用,业内俗称“玄学修复法”。
-
后端:
cd api npm install npm run dev
💡 如果端口被占用,大概率是你昨天没关:
lsof -i:3000 kill -9 PID
—— 手起刀落,干净利落。
🔮 未来计划(可能不会实现)
- 做一个真正能用的权限系统
- 上个登录功能(OAuth 想了想算了,账号密码还得加盐好麻烦)
- 优化性能(先删
console.log
再说) - 写点测试(有这个时间我都能加个暗黑模式了)
- CI/CD 自动部署(听起来很酷,先记在小本本上)
🧘 我的开发哲学
- 能跑第一
- 没报错第二
- UI 不丑就行
- 重构?下辈子吧
🎉 最后
这个项目就像我的健身计划——始于热情,终于懒惰。 但没关系,代码能跑就是胜利!
📎 附加彩蛋
Q:你为啥不写文档? A:我写了这个 README,它比代码还完整,你说是不是文档?
Q:你怎么管理 Bug? A:Bug 不被看见就不算 Bug。
Q:这个项目上线了吗? A:上线了,在我本地跑得贼稳。
PS:如果你发现这个 README 比代码还长,那说明我写文档比写代码认真。😏
—— 写完这段 README,我决定今天就不写代码了。
(完)