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

Sublime Text 4 寻求可正常工作的MDX语法高亮插件

Sublime Text 4 MDX语法高亮异常的解决办法

一、现有插件的优化配置

  1. Babel + Markdown语法叠加
    打开MDX文件后,先在右下角语法选择器切换到JavaScript (Babel),再按Ctrl+Shift+P(Windows/Linux)或Command+Shift+P(Mac)调出命令面板,运行Set Syntax: Markdown。这种叠加方式能让Babel的JS语法规则覆盖MDX里的导入、导出语句,修复纯文本显示的问题。
  2. 修改MDX插件的语法规则
    找到MDX Syntax Highlighting的安装目录(通过Package Control的Browse Packages打开),打开MDX.sublime-syntax文件,把Babel插件里关于import/export的语法规则片段复制过来,替换掉原有规则。Babel的规则文件在Babel目录下的Babel.sublime-syntax里,搜索imports、exports相关节点即可。

二、手动安装社区小众MDX插件

Package Control搜不到的话,去GitHub搜索“Sublime MDX”相关仓库,找到适配Sublime Text 4的项目,手动克隆到Packages目录:

  1. 打开Preferences > Browse Packages进入插件目录
  2. 用Git克隆对应仓库(或者下载zip解压到这里)
  3. 重启Sublime后选择MDX语法即可,这类小众插件往往修复了官方插件的高亮bug。

三、用LSP插件增强语法支持

安装LSP和LSP-typescript插件,通过语言服务实现更准确的高亮:

  1. 用Package Control安装LSP和LSP-typescript
  2. 打开Preferences > Package Settings > LSP > Settings,添加MDX文件关联:
    "clients": {
      "typescript": {
        "selector": "text.html.markdown.mdx, source.js.jsx, source.ts.tsx",
        "enabled": true
      }
    }
    
  3. 重启Sublime后,MDX文件的导入、导出语句会被TypeScript语言服务识别,高亮恢复正常。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.09 13:10:35