iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

一個活了六年的 Vue 2 後台,升級到 Vue 3 的那兩年 系列

一個活了六年、還在線上跑的 Vue 2 後台,怎麼升級到 Vue 3。這不是「我怎麼重構」的英雄故事,是我在團隊裡近距離看完整場升級的觀察筆記,用 git 紀錄與實測數字當證據。會寫:升級前怎麼盤點、為什麼選重構而不是重寫、兩個 repo 一份程式碼怎麼共存、Webpack 換 Vite、UI 套件抽換、兩套權限系統並存、TypeScript 的 strict 為什麼設 false、表格與表單這種最痛的區塊怎麼搬、哪些東西決定不搬。也會寫不好看的部分:留下來的醜設計、四成的修改其實是在修自己造成的問題、以及重構為什麼本質上是做減法。想看真實大型專案升級長什麼樣的人,這裡沒有美化過的版本。

參賽天數 4 天 | 共 4 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1|342 個元件、1 個測試檔:一個活了六年的 Vue 2 後台

模組一|現況盤點與立案(Day 1–5) 先給你三個數字,全部是我自己跑指令量出來的: 342 個 Vue 元件,總共 103,870 行。全庫測試檔數量...

2026-08-06 ‧ 由 harryfan 分享
DAY 2

Day 2|先量體重再談減肥:把「這 code 很爛」翻譯成一份清單

模組一|現況盤點與立案(Day 1–5) 昨天說我接手後的第一件事不是寫程式,是盤點。今天把方法攤開。 「我覺得這 code 很爛」是一句沒有殺傷力的話。...

2026-08-07 ‧ 由 harryfan 分享
DAY 3

Day 3|兩套系統,20 個一模一樣的檔案,和幾個正在長歪的

模組一|現況盤點與立案(Day 1–5) 我手上有兩套後台管理系統:一套給內部營運用,一套給外部合作方用。它們原本是同一份程式碼——當年為了趕時間,有人把第...

2026-08-08 ‧ 由 harryfan 分享
DAY 4

Day 4|`this.baseUrl` 從哪來?全域魔法與那些沒人敢刪的東西

模組一|現況盤點與立案(Day 1–5) 昨天講的是看得見的重複:兩個 repo 裡 20 個一模一樣的檔案。今天講看不見的那種。 先給你一個謎題。假設你剛...

2026-08-09 ‧ 由 harryfan 分享