一个野生全栈开发者的摸鱼日记(好无聊啊)

18 阅读3分钟

📖 一个野生全栈开发者的摸鱼日记

—— 关于这个项目是怎么从“Hello World”变成“救命啊这么多 Bug”的

🌱 起源

某年某月某日,我对着电脑发呆,突然想:“要不做个系统玩玩?” 于是,我打开了 VSCode,敲下了 npx create-react-app,命运的齿轮开始转动...

其实当时没多想,只是想试试能不能不靠教程写点什么。 结果现在代码能跑,我人已经快跑不动了。


💡 这个系统是干啥的?

说实话,一开始我也不知道。 现在呢?我更不知道了。

大概是个:

  • 前端:React + Ant Design(因为懒得自己写样式)
  • 后端:Node.js + Express(因为 JavaScript 能少学一门语言是一门)
  • 数据库:MongoDB?MySQL?低代码平台?(全都试过,最后选了“先放着”)

功能规划:

  • 偶尔还会崩

🔥 开发日常

  1. 第一天:雄心壮志,画了个超酷的原型图(纸上画的)。

  2. 第二天:Ant Design 的 Table 不听话,怒写 10 个 !important,和样式硬刚。

  3. 第三天:联调 API,CORS 报错,直接 app.use(cors()),从根本上解决一切。

  4. 第四天:加了个登录页,密码验证逻辑是“只要不是空就行”。

  5. 第五天:UI 改来改去,感觉自己在玩“像素对齐模拟器”。

  6. 第六天:部署了,但不稳定;上线了,但没人用;自测了,但不想改。

  7. 第 N 天

    git commit -m "又改了一堆我也不知道是啥的东西"
    

🧠 技术选型心路历程

  • React:因为用过 Vue,想换个口味(结果两边都不精)。
  • Ant Design:有现成组件不香吗?造轮子太累,直接抄近道。
  • Express:配置少,上手快,出了问题就 console.log
  • 数据库:刚开始用 JSON 文件,后来想了想,数据库也不贵,就上了 MongoDB(然后就再也没连上过)。

🐛 已知问题

  • 稳定性问题:偶尔能跑,偶尔不能跑,全凭当天运势。

  • 代码注释

    // TODO: 这里以后优化
    // FIXME: 不知道为啥会这样
    // WTF: 忘了这段是干嘛的了
    
  • 浏览器控制台:警告一堆,全军覆没前我不会改。

  • 代码风格:eslint 关了,prettier 删了,心情自由了。


🚀 如何运行?

  1. 前端

    cd web
    npm install
    npm run dev
    

    💡 如果报错,试试这一招:

    rm -rf node_modules
    npm install
    

    —— 亲测有用,业内俗称“玄学修复法”。

  2. 后端

    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,我决定今天就不写代码了。

(完)