先声明：重构是在业务空窗期Zuo的，没耽误正常迭代。别学我偷偷干，Zui好提前报备。

公司项目是个3年前的Vue2后台系统，代码量不大，但"历史悠久"——经历了4任前端，风格各异，没有TypeScript，没有组件库规范，console.log满天飞。

我现在觉得，前端工程化的Zui佳实践，不是用Zui新技术，是让团队里水平Zui差的人也Neng写出合格的代码。ESLint是防呆的，TypeScript是防错的，自动化工具是省时间的。

Zui爽的时刻：改完后IDE的自动提示终于正常了之前写代码像瞎子摸象，现在像开了天眼。

周末两天改了20个页面周一来公司测试，发现有个页面的表单提交后没反应。调试了半天发现是v-model在Vue3里的默认行为变了——.sync修饰符被移除，我漏改了一个地方。

至于为什么这是个hen有勇气的决定,因为Zuo重构这事的团队风险极高;上至业务高层,下至底层码农,dou有可Neng一个不小心就被刀;.相信要实现这三个法宝,有hen多成熟的框架和工具等,这里就不过多阐述了;.第二个,开发规范问题:这也考验了团队leader对底下成员的约束力,以及是否存在代码review的环节;.

开开始写代码的时候真的是痛苦并快乐着,每天过的hen充实,就是遇到复杂业务逻辑心里发虚没有底,不知道怎么去解决问题,还好只是个重构项目,在许大大和同事的帮助下后来渐渐的就Neng够参与部分的需求开发啦。.谈话结束后每天上班就是找各种前端教学视频，当时公司用的框架是Angular，许大大每周会让我Zuo学习前端的PPT为期两个月的前端学习后由于公司的业务真的不忙，“那个那个”，许大大就说：“你先kankan我们那边那个项目是怎么Zuo的。”

第一周：搭骨架，解决"Neng跑"的问题

第三周：工程化优化，解决"好维护"的问题

第二周：上TypeScript，解决"靠谱"的问题

{  "vue": "^.",  "vite": "^.",  "typescript": "^.",  "pinia": "^.",  "vue-router": "^."}

第三周：工程化优化

{ "vue": "^.", "vite": "^.", "typescript": "^.", "pinia": "^.", "vue-router": "^."}

你们公司的项目是什么技术栈？有没有也在考虑升级Vue3的？或者Yi经踩过坑的，欢迎分享啊！我帮你避雷。

重构的价值呢？不是技术多先进啊！是“Neng落地”！

我花了3个周末，把它升级到了Vue3 + TS + Vite。不是炫技哈！是真的被折磨够了。

那曙光转瞬即逝:讨厌重构代码,geng讨厌的是重构别人的代码 - 掘金 - 沸点 - 掘金 - 中文技术社区 首页AI Coding数据标注NEW沸点课程直播活动插件创作者中心 写文章 发沸点 写笔记 写代码 草稿箱 创作灵感查kangeng多 登录 注册 那曙光转瞬即逝哈基米大嘟嘟 @哈基米 · 3月前关注 讨厌重构代码,geng讨厌的是重构别人的代码 赞过 分享 评论 1 相关推荐 周五放个瓜,我一个hen好的朋友,在上海月薪到手不到7K,买24万的车什么想法,首付家里出的,现在还完车贷,交了房租,吃喝就月光了呢…对了啊 ，还欠我8500 ，三年前买9K 的电脑借我的.

Zui后贴一下我的package.json关键依赖版本：JSON教训：迁移指南要逐条核对啥时候不Neng凭记忆啊！想问问大家："为什么百度不收录" .....

重构过程中的一些小插曲 真实 同事们纷纷求代码？ 为什么 为什么百度不收录 需求分析与规划 评估现有系统 制定重构方案 技术选型 Vue3 TypeScript Vite 实施过程 逐步迁移 组件库引入 样式优化 遇到的问题与解决方案 兼容性问题 状态管理问题 性Neng优化 反思与 价值所在 团队协作 Zui后的思考 持续改进

---