东西很简单,废话不多说直接开干:
需要的插件
插件名称 | 功能 |
---|---|
MarkdownEditing | 编辑和显示优化,Markdown及代码块关键字语法高亮 |
MarkdownPreview | 转HTML并在网页中渲染 |
MarkdownLivePreview | 分屏实时预览 |
LiveReload | 文本编辑到HTML网页的实时更新 |
安装方法
Ctrl+Shift+P
叫出命令框- 输入
Package Control: Install Package
,初次会先安装Package Control包控制器本体,注意左下角加载信息 - 在
Install Package
搜索框中搜要安装的包
注意事项
- 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}
- MarkdownPreview在安装时要搜索
Markdown Preview: Preview in Browser
,然后一般选择markdown
就行。另外可以加一个网页渲染的快捷键,方法是Preferences -> Key Bindings
打开的文件的右侧栏的中括号中添加一行代码:
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
我设置的快捷键是alt+m
,这个可以自己改,没有冲突就行。
- LiveReload安装好了要 再次
Ctrl+shift+p
, 输入LiveReload: Enable/disable plug-ins
, 回车, 选择Simple Reload with delay (400ms)
或者Simple Reload
都可以,自己看着办