- 最左侧(Side Bar)(Ctrl+\):文件目录的显示和关闭;和Sublime 类似;
- 中间是文件编辑;
- 最右侧(Control+Shift+M):实时预览显示和关闭;
- 命令板(Control+Shift+P):和 Sublime 类似;
- Find File(Control+P): 和 Sublime 的 Goto Anything 类似;
目标
本文就是要找到一个合适的 Sublime 插件,来帮助我们做到类似 Atom 实时预览这样的预览:即在编辑过程中就可以实时看到预览效果。如果需要搞个什么动作,包括按个快捷键什么的,才能看到预览效果,那都不算实时预览。
有用?
插件管理工具:
在 package control 输入 markdown preview 搜索
- Markdown Preview
- Markdown HTML Preview
- GitHub Flavored Markdown Preview
- OmniMarkupPreviewer
这些插件都是在需要预览的时候,敲个快捷键在浏览器里面查看效果。不是我们所要的。
安装 :real-time markdown preview
- 安装:Tools > Command Palette(命令板) 搜索安装 ;
- npm 安装 ;
npm install -g markmon
,可以参考 ; - 安装 ;
pandoc: a universal document converter.
这个转换器负责 markdown 语法转到 html 语法,实时监控文件编辑,以便实时预览; - 配置 Package Settings
Preferences->Package Settings->Markmon->Settings - User
,编辑文件如下:
{ "executable": "markmon.cmd", }
- 重启 Sublime;
如何使用 Markmon?
通过菜单 Tools > markmon > Launch,或者 Control+Shift+P:Markmon launch。
在浏览器会打开 localhost:3002 页面,对于 Sublime 中的改变,你就会在浏览器中实时看到。
多屏
一般专业人员都是多个屏幕的,所以,Markmon 的实现机制相对 Atom 来说更好,你把预览浏览器拽到另一个屏幕就好了。
如果预览的实时性要求不那么高,其他几种 preview 方案是完全可以接受的。
- Sublime 切换文件的同时,浏览器也会自动跟随切换,方便。
-
cmd窗口
Markmon launch会自动打开。若不小心关闭,在编辑文章时还会自动打开。