SublimeText3安装Markdown插件

由于Webstrom对md文件的预览效果并不理想(与实际网页编译效果差别较大),所以我又改用Sublime进行本地编辑,下面介绍一下怎么搭建环境。

插件安装

整套环境我们就需要两个插件:MarkdownPreviewLiveReload,前者实现md文件的预览,后者实现保存后实时刷新。

  1. Ctrl+Shift+P打开命令面板;

  2. 输入install选择第一个:
     
    SublimeText3安装Markdown插件_第1张图片

  3. 输入MarkdownPreview,回车安装;

  4. 输入LiveReload,回车安装;
     

MarkdownPreview使用

  1. Ctrl+Shift+P打开命令面板;

  2. 输入mdp选择第一个:
     
    SublimeText3安装Markdown插件_第2张图片

  3. 选择markdown
     
    SublimeText3安装Markdown插件_第3张图片

  4. 我这边默认会打开解析后的html文件,再右击选择View in Browser
     
    SublimeText3安装Markdown插件_第4张图片

  5. 下面是看到的效果:
     
    SublimeText3安装Markdown插件_第5张图片

但是这个时候如果修改了md文件并保存,浏览器中的的页面也不会更新,需要重新刷新页面才能看到效果,这时就要用到LiveReload插件了
 

LiveReload使用

  1. Ctrl+Shift+P打开命令面板;

  2. 输入LiveReload: Enable/disable plug-ins并回车:
     

  3. 选择Simple Reload
     
    SublimeText3安装Markdown插件_第6张图片

此时修改你的md文件后保存,浏览器中的的页面也会跟着实时刷新,整体页面效果跟实际网页展示效果一致,爽歪歪~

SublimeText3安装Markdown插件_第7张图片

你可能感兴趣的:(SublimeText3安装Markdown插件)