东西很简单,废话不多说直接开干:

需要的插件

插件名称 功能
MarkdownEditing 编辑和显示优化,Markdown及代码块关键字语法高亮
MarkdownPreview 转HTML并在网页中渲染
MarkdownLivePreview 分屏实时预览
LiveReload 文本编辑到HTML网页的实时更新

安装方法

  • Ctrl+Shift+P叫出命令框
  • 输入Package Control: Install Package,初次会先安装Package Control包控制器本体,注意左下角加载信息
  • Install Package搜索框中搜要安装的包

注意事项

  1. MarkdownLivePreview装好要检查一下:Preferences -> Package Settings -> MarkdownLivePreview -> Settings,在左边栏查看"markdown_live_preview_on_open"是否为ture,如果不是,就在右边栏里加一个"markdown_live_preview_on_open": true,再重启 ;对应的Markdown Preview安装好后在Settings里检查左侧enable_autoreload是不是true,不是的话右侧栏加一条:
{ "enable_autoreload": true}
  1. MarkdownPreview在安装时要搜索Markdown Preview: Preview in Browser,然后一般选择markdown就行。另外可以加一个网页渲染的快捷键,方法是Preferences -> Key Bindings打开的文件的右侧栏的中括号中添加一行代码:
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}  }

我设置的快捷键是alt+m,这个可以自己改,没有冲突就行。

  1. LiveReload安装好了要 再次Ctrl+shift+p, 输入LiveReload: Enable/disable plug-ins, 回车, 选择 Simple Reload with delay (400ms)或者Simple Reload都可以,自己看着办