VS Code 推出全新 JS/TS 工具，AI自动升级老旧 JS/TS 项目🧓 你的项目，几岁了？打开一个三年前的

🧓 你的项目，几岁了？

打开一个三年前的前端项目——
你看到的是：

var utils = require('./utils');
function Person(name) {
  this.name = name;
}
Person.prototype.say = function() {
  console.log('Hi, ' + this.name);
};

而隔壁新项目，已经用上了：

import { debounce } from 'lodash-es';

class Person {
  constructor(private name: string) {}
  say() {
    console.log(`Hi, ${this.name} 🎯`);
  }
}

你：“这……是我亲手写的？！”

项目：“是的，2018年那个冬天，你边喝瑞幸边写的，还加了双份糖浆。”

🎁 微软悄悄塞了个「时光机」进 VS Code

没错！微软最近在 VS Code 里埋了个彩蛋级扩展——
👉 JavaScript/TypeScript Modernizer
（名字太长？我们叫它 JS 返老还童丸™）

它不是简单 Ctrl+H 的换行工，而是一支AI 驱动的代码装修队，专治各种“祖传代码综合征”👇

Modernizer 扫描中

🛠️ 它能干啥？——不是升级，是整容！

老派写法	Modernizer 出手后	效果
`require()` / `module.exports`	→ `import` / `export`	模块化迈入新时代 ✅
`function Person(){}` + `prototype`	→ `class Person {}`	父类看了直呼内行 👨‍🏫
满屏 `var`	→ 智能 `let`/`const`	变量不再“到处乱跑” 🏃‍♂️
`.then().then().catch()`	→ `async/await`	异步代码终于能从上往下读了 📖

重构对比图

🔍 图：左为“90年代复古风”，右为“2025简约未来感”——中间只差一个 ✅ 确认按钮

🎮 操作体验：像和 Copilot 聊天一样轻松

安装三件套（比泡面还简单）：
- ✅ Node.js
- ✅ VS Code + GitHub Copilot（已登录）
- ✅ 扩展商店搜 GitHub Copilot app modernization

打开实验开关（藏得深，但值得）：

// settings.json
"appmod.experimental.task.typescript.upgrade": true

在这里插入图片描述

重启 VS Code → 侧边栏出现神秘入口 👉 “Modernization”
点击 “Upgrade npm Packages” ——
Copilot 会自动：
- 📊 分析项目依赖
- 💬 和你聊天：“lodash@3 太老了，升到 5.x？但要注意 _.pluck 已被移除哦～”
- 🛠️ 确认后自动 npm install + 修复破窗报错
- ✨ 甚至能顺手把 callback hell 重构成 async/await

🧠 就像请了个前端老中医：望闻问切 → 开方煎药 → 临走还叮嘱“记得多用 const，少熬夜”。

Copilot Chat 升级流程

🛡️ 安全第一：AI 动手，人类点头

Modernizer 绝不偷偷改你代码！
所有改动都走 “Diff 预览 + 人工确认” 流程：

Diff 对比视图

✅ “接受” / ❌ “拒绝” / 💬 “等等，这个 var i 其实是有意为之（为了 hoisting 黑魔法）”
——你永远掌握生杀大权。

🌟 写在最后：技术债，也可以“分期免息”还

过去，升级老项目 =
☕ 连续三天加班 + 🧪 手动测试 + 🙏 祈祷别炸生产环境。

现在？
👉 点几下 → 和 Copilot 聊会天 → 喝杯咖啡 → 项目焕然一新。

🎯 Modernizer 的终极目标：
让你的代码，活得比框架寿命还长。