vscode本身不执行编译，需在项目中本地安装@babel/core、@babel/cli、@babel/preset-env并配置.babelrc和package.json的build脚本，再通过launch.json指向编译后文件并启用sourcemaps实现es6调试。
VSCode 本身不执行编译，它只是编辑器；真正让 ES6 代码能运行或调试的，是靠你在项目里配好 Babel，并通过 npm 脚本或 VSCode 的 launch.json 触发编译。关键不是“VSCode 配 Babel”，而是“在 VSCode 打开的项目中，正确安装 + 配置 + 调用 Babel”。
怎么装 Babel 依赖才不会出错
必须本地安装（不能只全局装 babel-cli），否则 VSCode 调试或脚本运行时会找不到模块。
-
npm install --save-dev @babel/core @babel/cli @babel/preset-env—— 这三个是最低必要依赖；@babel/core是核心，@babel/cli提供命令行能力，@babel/preset-env决定转什么语法 - 别再用
babel-preset-es2015或babel-preset-latest：它们已废弃，@babel/preset-env是官方唯一推荐的现代替代方案 - 如果项目要跑在旧版 Node（比如 v10 或更早），额外加
@babel/polyfill（注意：v7.4+ 后推荐按需引入core-js，而不是整个 polyfill）
.babelrc 文件写错就完全不生效
文件名必须是 .babelrc（带点、小写、无后缀），放在项目根目录；内容必须是合法 JSON，且 presets 值必须是数组。
- 正确写法：
{"presets": ["@babel/preset-env"]} - 常见错误：
"presets": "@babel/preset-env"（没包成数组）、"presets": ["env"]（漏了@babel/前缀）、文件叫babel.config.js却没导出对象（两者不等价，初学者建议坚持用.babelrc） - 如果要用目标环境控制转码程度（比如只兼容到 Node 14），可以加配置：
{"presets": ["@babel/preset-env", {"targets": {"node": "14"}}]}
怎么让 npm run build 真正生成可运行的 JS
光装包不行，得定义一个能触发编译的脚本，并确保输出路径和源路径清晰分离。
- 在
package.json的scripts里加一行："build": "babel src -d lib -s"
—— 表示把src/下所有.js编译到lib/，-s生成.map文件（调试必需） - 别把源码和编译后代码混在同一个目录（比如都放
src/），否则 VSCode 可能误读文件、Node 直接运行未编译文件导致import报错 - 运行
npm run build后，检查lib/是否生成了对应.js和.js.map文件；如果没生成，大概率是.babelrc路径不对或内容非法
调试时 launch.json 怎么指向编译后的文件
VSCode 调试器（node）无法直接理解 import，所以 program 字段必须填编译后的路径，不是源文件路径。
-
"program": "${workspaceFolder}/lib/index.js"—— 这才是有效值；写成src/index.js会直接报SyntaxError: Cannot use import statement outside a module - 务必开启
"sourceMaps": true，并确认lib/index.js.map存在，否则断点打在源码上但实际停不下来 - 加上
"preLaunchTask": "build"，这样每次按 F5 前自动执行npm run build，避免手动编译遗漏 - 对应的
tasks.json中，label必须是"build"，且type设为"shell"，command设为"npm run build"
最容易被忽略的一点：Babel 不处理 node_modules 里的代码，也不管你 require 的第三方库是否含 ES6 —— 它只转你明确指定的输入路径（如 src）。如果你引用了一个用了 export default 但没打包的 npm 包，依然会崩。这时候得靠 Webpack 或单独配置 babel-loader，而不是只靠 CLI。
