189 8069 5689

SublimeText3下怎么使用MarkDown编辑器-创新互联

这篇文章主要介绍Sublime Text3下怎么使用MarkDown编辑器,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联专注于企业成都营销网站建设、网站重做改版、叙州网站定制设计、自适应品牌网站建设、HTML5商城系统网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为叙州等各大城市提供网站开发制作服务。

在Sublime Text3下使用MarkDown编辑器

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

首先我们需要在菜单栏中依次打开Tools–>Install Package Control,安装控制台
Sublime Text3下怎么使用MarkDown编辑器

稍等片刻,会显示安装成功!点击确定!
Sublime Text3下怎么使用MarkDown编辑器

在菜单栏中依次点击Preference–>Package Control,打开控制台 (快捷键:Ctrl + ‘~”)
Sublime Text3下怎么使用MarkDown编辑器

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

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())

效果如图所示:
Sublime Text3下怎么使用MarkDown编辑器

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

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

打开快速菜单(快捷键:Ctrl + Shift + P),输入’pcip’,更新软件库。
Sublime Text3下怎么使用MarkDown编辑器

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

// Markdown编辑和语法高亮支持
Markdown Editing  
Sublime Text3下怎么使用MarkDown编辑器

// Markdown导出html预览支持
Markdown Preview
Sublime Text3下怎么使用MarkDown编辑器

// 可自定义的自动保存功能
auto-save
Sublime Text3下怎么使用MarkDown编辑器
上述三个步骤执行完毕之后,重启Sublime Text 3。

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

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

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,

Sublime Text3下怎么使用MarkDown编辑器
Sublime Text3下怎么使用MarkDown编辑器

此时打开快速菜单栏(快捷键:Ctrl+Shift+P),输入’auto’  
Sublime Text3下怎么使用MarkDown编辑器
至此,文档可以实现每隔0.5秒保存刷新依次!
通过 Win + ← 或者 Win + → 打开双侧窗口进行一边编辑一边预览~
Sublime Text3下怎么使用MarkDown编辑器

以上是“Sublime Text3下怎么使用MarkDown编辑器”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页标题:SublimeText3下怎么使用MarkDown编辑器-创新互联
网页网址:http://cdxtjz.cn/article/ccdjgs.html

其他资讯