当前位置 : 主页 > 编程语言 > 其它开发 >

在Sublime Text3下如何使用MarkDown编辑器

来源:互联网 收集:自由互联 发布时间:2021-08-13
下面由 sublime 教程栏目给大家介绍在Sublime Text3下使用MarkDown编辑器的方法,希望对需要的朋友有所帮助! 在Sublime Text3下使用MarkDown编辑器 第一步:软件包管理器安装 首先我们需要在菜

下面由sublime教程栏目给大家介绍在Sublime Text3下使用MarkDown编辑器的方法,希望对需要的朋友有所帮助!

在Sublime Text3下使用MarkDown编辑器

第一步:软件包管理器安装

首先我们需要在菜单栏中依次打开Tools–>Install Package Control,安装控制台
这里写图片描述

稍等片刻,会显示安装成功!点击确定!
这里写图片描述

在菜单栏中依次点击Preference–>Package Control,打开控制台 (快捷键:Ctrl + ‘~”)
这里写图片描述

在控制台中输入以下代码:

import urllib.request,os;
pf = 'Package Control.sublime-package'; 
ipp = sublime.installed_packages_path(); 
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); 
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

效果如图所示:
这里写图片描述

大概1秒左右,代码执行完毕,重启Sublime Text3

第二步:安装需要用到的插件

打开快速菜单(快捷键:Ctrl + Shift + P),输入’pcip’,更新软件库。
这里写图片描述

等待数据更新,完成后会主动显示软件列表。
在里面输入以下软件名称并回车进行安装

// Markdown编辑和语法高亮支持
Markdown Editing
这里写图片描述

// Markdown导出html预览支持
Markdown Preview
这里写图片描述

// 可自定义的自动保存功能
auto-save
这里写图片描述
上述三个步骤执行完毕之后,重启Sublime Text 3。

第三步:实现实时预览功能

打开快速菜单栏(快捷键:ctrl+shift+P),输入mp,选择Markdown Preview插件来打开浏览器进行预览
这里写图片描述
此时会有GitHub和MarkDown两个选项,我们选择markdown,即可打开默认浏览器来预览刚才的内容。
为了保证实时更新,需要在.md文件最下面加入一行代码。

<meta http-equiv="refresh" content="0.1">

Congratulations!浏览器已经可以自动刷新!!!

第四步:实现md文档到html文件的自动更新

使用auto-save的插件,实现文档每隔X秒自动保存刷新。
在菜单栏中依次打开Preference->Package Settings->Auto-save->Settings-Defualt;将Settings-Defualt中的文件全部复制到Settings-User中。 修改一下代码后面的时间间隔。这里我们修改为0.5。

"auto_save_delay_in_seconds": 0.5,

这里写图片描述
这里写图片描述

此时打开快速菜单栏(快捷键:Ctrl+Shift+P),输入’auto’
这里写图片描述
至此,文档可以实现每隔0.5秒保存刷新依次!
通过 Win + ← 或者 Win + → 打开双侧窗口进行一边编辑一边预览~
这里写图片描述

以上就是在Sublime Text3下如何使用MarkDown编辑器的详细内容,更多请关注自由互联其它相关文章!

网友评论