sublime text3实现Markdown文件预览

简介: 安装Markdown Preview 支持在浏览器中预览markdown文件 Ctrl+Shift+p, 输入 Install Package,输入Markdown Preview, 安装。

安装Markdown Preview

支持在浏览器中预览markdown文件

  • Ctrl+Shift+p, 输入 Install Package,输入Markdown Preview, 安装。
  • 安装成功后,打开配置文件 Preferences -> Package Settings -> Markdown Preview -> Settings,设置左侧enable_autoreloadtrue
  • 自定义快捷键
    Preferences -> Key Bindings打开的文件的右侧栏的中括号中添加:
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}  }
  • keys 自己设置的按键。
  • parser: Markdown文件的浏览方式, "github": 使用Github在线API解析markdown; "markdown": 使用浏览器本地打开。

安装LiveReload

  • LiveReload是一个可实时刷新的插件,可用于Markdown,HTML等。
  • Ctrl+Shift+p, 输入 Install Package,输入LiveReload, 安装。
  • 安装成功后, 再次Ctrl+shift+p, 输入LiveReload: Enable/disable plug-ins --> 选择 Simple Reload

搞定,每次编辑过.md文件后, 保存, 就会在浏览器自动更新页面。

目录
相关文章
|
2月前
|
自然语言处理 Shell API
如何翻译 Markdown 文件?-1- 难点及解决方案
如何翻译 Markdown 文件?-1- 难点及解决方案
|
8月前
|
JavaScript
Sublime Text3 直接运行js调试控制台
Sublime Text3 直接运行js调试控制台
142 0
|
8月前
sublime text3 快速生成方法注释
sublime text3 快速生成方法注释
114 0
|
2月前
Sublime Text3安装插件报错:There are no packages available for installation
Sublime Text3安装插件报错:There are no packages available for installation
文本,vitepress两栏怎样设置,应用场景是每个导航都是单独的markdown文件
文本,vitepress两栏怎样设置,应用场景是每个导航都是单独的markdown文件
|
18天前
|
JavaScript
vue 加载展示md文件(markdown语法 .md后缀的文件)
vue 加载展示md文件(markdown语法 .md后缀的文件)
32 0
|
8月前
|
IDE Go 开发工具
Sublime Text3搭建go运行环境
Sublime Text3搭建go运行环境
161 1
|
2月前
|
弹性计算 运维 Shell
自动生成带有随机内容的Markdown文件
【4月更文挑战第30天】
27 0
|
2月前
|
JavaScript 前端开发 API
如何翻译 Markdown 文件?-2- 几种商业及开源解决方案介绍
如何翻译 Markdown 文件?-2- 几种商业及开源解决方案介绍
|
2月前
在vscode下将ipynb文件转成markdown(.md文件)的方法
在vscode下将ipynb文件转成markdown(.md文件)的方法
443 0