You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Sublime Text 4如何添加JSX语法高亮?已装babel-sublime仍无高亮效果

解决方案

按以下优先级依次排查即可:

  1. 手动切换当前文件的语法解析规则
    打开无高亮的JS文件,点击Sublime Text右下角的语法标识(默认显示为JavaScript),在弹出的选项中选择Babel > JavaScript (Babel),即可看到即时生效的语法高亮效果。

  2. 配置JS文件默认使用Babel语法解析
    如果希望后续打开所有JS文件自动使用babel-sublime的高亮规则,操作如下:

  • 打开任意.js后缀的文件
  • 点击右下角语法标识,选择Open all with current extension as... > Babel > JavaScript (Babel)
  • 若需要适配.jsx、.mjs等其他JS相关后缀,可打开对应后缀文件后重复上述操作
  1. 排查扩展冲突
    如果上述操作无效,先临时禁用所有其他JS语法相关的第三方扩展,再重启Sublime Text验证,排除多扩展规则冲突的问题。

  2. 重置babel-sublime配置
    打开Preferences > Package Settings > Babel > Settings - User,清空自定义配置后重启软件即可。

你当前的无高亮效果参考:
效果示意图

内容的提问来源于stack exchange,提问作者Santhosh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 10:36:00