SublimeText配置Markdown编辑及预览

1 篇文章 0 订阅
1 篇文章 0 订阅

概述

本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。

所需工具

  • Sublime Text + Package Control
  • 插件:Markdown Editing
  • 插件:Markdown Preview
  • 插件:LiveReload
  • 浏览器

具体步骤

1、 安装Sublime Text以及Package Control

Package Control是非常有用的插件包管理工具,有了它可以方便地下载安装其他插件。

2、 安装三个插件

ctrl + shift + P`调出控制台,选择`Package Control: Install Packge

分别搜索并安装三个插件:MarkdownEditing,MarkdownPreview,LiveReload。

img

3、 配置三个插件

  • MarkdownEditing:

打开Preferences -> Package Settings -> Markdown Editing -> Key Bindings

img

添加以下内容:(设置预览快捷键为alt + m

{   
    "keys": ["alt+m"], 
    "command": "markdown_preview", 
    "args": {"target": "browser", "parser":"markdown"} 
}

img

  • MarkdownPreview:

打开Preferences -> Package Settings -> Markdown Preview -> Settings

img

添加以下内容:

   "enable_autoreload": true,

img

  • 启动LiveReload

ctrl + shift + P,输入LiveReload: Enable/disable plug-ins,选择Enable: Simple Reload

img
img

配置完成!

4、 测试:

编写markdown文章,ctrl + S保存,按alt + M呼出浏览器可以看到预览。之后每次修改完毕按保存,预览窗口会自动刷新。

编辑器界面:

img

浏览器界面:

img

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值