微軟悄悄在VSCode 中放了一個新東西，JavaScript/TypeScript Modernizer，可一鍵將老舊的JS/TS 項目，升級到現代化的最新的項目

原文：https://developer.microsoft.com/blog/jsts-modernizer-preview

1. 背景：為何我們需要它？

隨着 JavaScript 和 TypeScript 標準的快速迭代，每年都會涌現新的語法特性。然而，現實中的許多項目代碼庫（Legacy Code）往往停滯不前。

痛點： 維護舊語法代碼不僅效率低下，而且容易出錯。

現狀： 許多團隊因為擔心重構會破壞現有邏輯（“牽一髮而動全身”），導致技術債日益累積。

目標： 微軟推出的這一工具，旨在利用 AI 的能力，幫助開發者安全、低阻力地將舊代碼升級到現代標準，提升代碼的可讀性、性能與安全性。

2. 核心功能：它能做什麼？

JS/TS Modernizer 本質上是一個基於 AI 的“代碼現代化裝修隊”，其核心不僅僅是簡單的查找替換，而是深度理解代碼邏輯後的智能重構。

主要能力包括：

模塊化升級： 自動將 CommonJS（require）轉換為標準的 ES Modules（import/export）。

類結構現代化： 將舊式的基於原型（Prototype）的寫法轉換為現代的 class 語法。

變量聲明優化： 將 var 智能替換為作用域更安全的 let 和 const。

異步流重構： 協助將回調地獄（Callbacks）或舊式 Promise 寫法轉換為清晰的 async/await。

3. 使用體驗：交互流程是怎樣的？

微軟在設計上致力於讓重構過程像“拼寫檢查”一樣自然，極大降低了使用門檻。

無縫集成： 安裝插件後，它會自動掃描項目並識別可優化的代碼。

可視化對比（Diff View）： 工具不會擅自修改代碼，而是提供清晰的“修改前 vs 修改後”對比視圖，讓 AI 的改動一目瞭然。

靈活交互：

支持對單個文件或整個文件夾批量運行“Modernize”指令。

通過內聯聊天（Inline Chat）功能，開發者可以與 AI 對話，微調重構的具體細節。

安全可控： 所有更改均為“建議”性質，必須由開發者點擊確認才會生效，確保人類擁有最終控制權。

4.使用體驗

你只需要：

• 安裝 Node 環境。
• VS Code 安裝 Copilot，登錄 GitHub。

• 安裝 GitHub Copilot app modernization 擴展。

• 在設置裏打開實驗開關：

  "appmod.experimental.task.typescript.upgrade": true

重啓VS Code，側邊欄會出現一個“Modernization”入口。

點一下 Upgrade npm Packages，剩下的都由 Copilot Chat 接管：它會讀項目、給升級建議、確認後自動跑安裝、甚至能幫你改掉因為版本升級導致的代碼報錯。

整個流程是“聊天式”的，你相當於在和 Copilot 討論升級方案，它負責幹活，你負責點頭。

5. 寫在最後

JS/TS Modernizer 是對抗“技術債”的一大利器。它通過 AI 自動化處理繁瑣的語法升級工作，將風險降至最低。

對開發者： 節省了大量手動重構的時間，不再為舊語法頭疼。

對團隊： 統一了代碼規範，提升了項目的長期可維護性，讓團隊能更專注於新功能的開發。

過去的 Copilot：更偏向於代碼編寫環節的 “得力助手”，而如今它已升級至工程維護層面 —— 這是一個立足更高維度的生產力場景。

對於前端這類依賴迭代迅猛、Breaking change 頻發的生態而言，它所帶來的價值，遠比我們最初預想的更為深遠。

可以説：Modernizer 就像前端項目的 “年度全面體檢 + 智能自動升級管家”，既精準排查潛在兼容隱患，又能高效推進版本迭代。

若未來能持續打磨優化：愈發成熟，那麼舊項目升級時的各類痛點與折騰，真的有機會被大幅削減，甚至能砍掉超過一半的升級成本與痛苦體驗。