安装Markdown Preview和MarkdownEditing插件,通过快捷键Ctrl+Shift+M在浏览器中预览,配合BrowserSync可实现保存自动刷新,提升Sublime Text写作效率。
在 Sublime Text 中写 Markdown 想要实时预览,可以通过安装插件实现。虽然 Sublime 本身不自带预览功能,但配合合适的插件可以高效完成写作与查看。以下是配置 Markdown 实时预览的实用方法。
1. 安装必要的插件
使用 Package Control 安装以下两个核心插件:
- Markdown Preview:将 Markdown 文件转换为 HTML 并在浏览器中预览。
- MarkdownEditing:增强 Markdown 编辑体验,提供语法高亮和快捷键支持。
安装步骤:
- 按下 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P)打开命令面板。
- 输入 Install Package,回车。
- 搜索 Markdown Preview 和 MarkdownEditing,依次安装。
2. 配置 Markdown Preview 插件
安装完成后,需要设置快捷键或命令来触发预览。
默认情况下,可以在 Markdown 文件中右键选择 Markdown Preview in Browser 来生成预览。
也可以自定义快捷键:
- 打开菜单栏 Preferences > Key Bindings。
- 在右侧用户键位绑定中添加一行:
{ “keys”: [“ctrl+shift+m”], “command”: “markdown_preview”, “args”: {“target”: “browser”} }
保存后,按下 Ctrl+Shift+M 即可在浏览器中实时预览当前文档。
3. 启用自动刷新(可选进阶)
如果希望实现“真正”的实时预览(保存即刷新),需配合外部工具。
推荐使用 LiveReload 浏览器扩展 + Guard 或 BrowserSync 工具。
简单方案:
- 安装 Node.js。
- 全局安装 browser-sync:
npm install -g browser-sync - 在 Markdown 文件所在目录运行:
browser-sync start –server –files “*.html“ - 配合 Markdown Preview 输出 HTML 文件,保存时浏览器自动刷新。
4. 使用建议
Sublime 的 Markdown 预览不是内置功能,依赖插件组合实现。日常使用中:
- 优先配置好快捷键,提升效率。
- 使用 .md 扩展名确保语法识别正确。
- 若频繁写作,考虑搭配 Typora 或 VS Code;若习惯 Sublime,则上述配置已足够实用。
基本上就这些。配置一次,长期可用。关键是把插件装好,快捷键设顺手,预览就不麻烦。
sublime html js node.js node 浏览器 工具 mac vs code html npm JS sublime text