Sublime Text 4 寻求可正常工作的MDX语法高亮插件
Sublime Text 4 MDX语法高亮异常的解决办法
一、现有插件的优化配置
- Babel + Markdown语法叠加
打开MDX文件后,先在右下角语法选择器切换到JavaScript (Babel),再按Ctrl+Shift+P(Windows/Linux)或Command+Shift+P(Mac)调出命令面板,运行Set Syntax: Markdown。这种叠加方式能让Babel的JS语法规则覆盖MDX里的导入、导出语句,修复纯文本显示的问题。 - 修改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目录:
- 打开
Preferences > Browse Packages进入插件目录 - 用Git克隆对应仓库(或者下载zip解压到这里)
- 重启Sublime后选择MDX语法即可,这类小众插件往往修复了官方插件的高亮bug。
三、用LSP插件增强语法支持
安装LSP和LSP-typescript插件,通过语言服务实现更准确的高亮:
- 用Package Control安装
LSP和LSP-typescript - 打开
Preferences > Package Settings > LSP > Settings,添加MDX文件关联:"clients": { "typescript": { "selector": "text.html.markdown.mdx, source.js.jsx, source.ts.tsx", "enabled": true } } - 重启Sublime后,MDX文件的导入、导出语句会被TypeScript语言服务识别,高亮恢复正常。
内容的提问来源于stack exchange,提问作者Syden
相关产品推荐
相关产品推荐

