MDX 是一种将 Markdown 与 JSX(React 组件)结合的文件格式,常用于现代静态网站、文档站点和组件驱动的内容系统。要查看或编辑 MDX 文件,您需要支持该语法的工具。以下是一些常用且实用的软件:
1. VS Code(Visual Studio Code)
- 免费、开源、跨平台
- 安装 MDX 或 MDX Preview 插件即可高亮和预览
- 适合开发者和内容创作者
2. WebStorm / IntelliJ IDEA
- JetBrains 系列 IDE 内置对 MDX 的良好支持
- 提供语法高亮、错误检查和自动补全
- 适合专业前端开发团队
3. StackBlitz(在线 IDE)
- 浏览器内直接打开 MDX 文件并实时预览
- 无需本地安装,适合快速测试
- 网址:https://stackblitz.com/
4. Docusaurus / Next.js 预览环境
- 如果您项目基于这些框架,可直接运行开发服务器查看 MDX 页面
- 适合已有技术栈的团队
5. 在线 MDX 查看器(如 mdxjs.com)
- 部分社区工具提供粘贴代码即时渲染功能
- 注意:敏感内容请勿上传至不明网站
选择合适的工具取决于您的使用场景:日常写作推荐 VS Code;团队协作可考虑 WebStorm;临时查看可用在线工具。