答案是必须手动将.js文件绑定为babel → javascript (babel)语法，否则sublime不会自动接管，箭头函数、import等es6+特性均无法高亮；操作路径为右下角点击语法名→open all with current extension as…→babel → javascript (babel)。
装了 Babel 插件但箭头函数还是灰色？不是插件没装好，是 Sublime 默认根本不会自动接管 .js 文件——它只提供解析能力，不改默认语法映射。
为什么 Babel 插件装完没反应
常见错误现象：右下角仍显示 JavaScript，import、async/await、解构赋值全无高亮，甚至 JSX 标签也当普通文本处理。
- 根本原因：Sublime 的语法包（syntax definition）是按文件扩展名 + 当前选中语法联动的，
Babel包只是新增了一套语法定义，但不会覆盖默认映射 - 关键动作必须手动触发：打开任意
.js文件 → 点击右下角当前语法名（如JavaScript）→ 选择Open all with current extension as…→Babel→JavaScript (Babel) - 这个操作会写入用户级配置
Preferences.sublime-settings中的extensions映射，影响所有新打开或新建的.js文件 - 如果项目里有
.sublime-project文件，它可能覆盖全局设置，此时需在项目设置里显式指定"syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax"
JavaScript (Babel) 和 JavaScriptNext 选哪个
两者都支持 ES6+，但底层逻辑和适用场景不同：
-
JavaScript (Babel)基于 Babel 解析器，对import/export、JSX、Flow、Styled Components 等识别更准，适合 React 或强类型项目；但依赖Babel包本身维护，更新节奏受插件作者影响 -
JavaScriptNext - ES6 Syntax是独立语法包，轻量、启动快，对基础 ES6（如箭头函数、模板字面量）支持稳定，但对 JSX 或动态import()支持弱或不支持 - 不要同时启用两个——它们会冲突，导致语法切换异常或高亮错乱
- 推荐优先用
JavaScript (Babel)，尤其当你写 React 或用babel-plugin-macros类插件时
运行 ES6 代码需要额外配构建系统
语法高亮 ≠ 可执行。想直接按 Ctrl+B 运行含 import 的文件，得配构建系统：
- 确保已全局安装
babel-node：npm install -g @babel/node（注意：新版 Babel 7+ 不再提供单独的babel-nodeCLI，需用@babel/node） - 新建构建系统：
Tools → Build System → New Build System…，填入：
{
"selector": "source.js",
"shell": true,
"windows": {
"cmd": ["npx", "@babel/node", "$file"]
},
"osx": {
"cmd": ["npx", "@babel/node", "$file"]
},
"linux": {
"cmd": ["npx", "@babel/node", "$file"]
}
}
- 保存为
JavaScript (Babel).sublime-build，然后手动选中该构建系统（Tools → Build System） - 不用硬编码
path或杀进程命令——npx自动找本地或全局的@babel/node，更可靠 - 若报
Cannot find module 'fs'等错误，说明用了 ESM 模块但 Node 版本太低，需升级 Node ≥14.18 或加"type": "module"到package.json
容易被忽略的细节：JSX 和 .mjs 文件要单独设语法
Babel 插件默认只映射 .js，其他扩展名不会自动生效：
-
.jsx文件：同样打开一个.jsx文件 → 右下角选Open all with current extension as…→Babel→JavaScript (Babel) -
.mjs文件：ESM 模块专用扩展名，也需单独映射，否则export default会被当成语法错误标红 -
.vue单文件组件里的<script></script>块：Babel不管这部分，需额外装Vue Syntax Highlight插件，并确保其语法 scope 正确匹配source.js.vue - 配色方案建议换
Next主题：它专为JavaScript (Babel)设计，能区分const声明、JSX 元素、模板字符串变量等，比默认主题信息密度高得多
真正卡住人的从来不是装插件这一步，而是语法映射没做全、构建系统路径写死、或者以为高亮了就能跑——ES6 的模块系统和运行时是两回事，得各配各的。
