VS Code 推出全新 JS/TS 工具，AI自动升级老旧 JS/TS 项目

得不到回应的热情 要懂得适可而止

🧓 你的项目，几岁了？

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

var utils =require('./utils');

functionPerson(name){

this.name = name;

}

Person.prototype.say=function(){

  console.log('Hi, '+this.name);

};

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

import{ debounce }from'lodash-es';



classPerson{

constructor(private name:string){}

say(){

console.log(`Hi, ${this.name} 🎯`);

}

}

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

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

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

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

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

Modernizer 扫描中

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

重构对比图

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

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

1. 安装三件套（比泡面还简单）：
   • ✅ Node.js
   • ✅ VS Code + GitHub Copilot（已登录）
   • ✅ 扩展商店搜 GitHub Copilot app modernization
2. 打开实验开关（藏得深，但值得）：```json // settings.json "appmod.experimental.task.typescript.upgrade": true ```

在这里插入图片描述

1. 重启 VS Code → 侧边栏出现神秘入口 👉 “Modernization”

侧边栏入口

1. 点击 “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 的终极目标： 让你的代码，活得比框架寿命还长。