sublime 如何安装插件实现高效输入,如何支持markdown 语法,并实时预览

啊,一直想鼓捣markdown的语法,但是配置什么的有点麻烦。
不过用起来的话,真心顺手。
无需考虑格式与语法点来点去影响效率, 用心去搬砖,用脚修bug

一、初识 Package Control

首先,安装Package Contro
lPackage  Control   顾名思义是 Sublime Text 的包管理器,其中包含了2,000+  软件包列表。
用于可以自行添加任何GitHub或BitBucket的存储库。 并且在安装后,该管理器会实时保持自动更新的最新状态.

Package Control 的github界面如下,如果各位同学有关于开发Sublime Text插件有兴趣的的朋友,不妨去看看。

有点偏题了,本章的重点是如何让 sublime支持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())

记住,要把这一行代码整个复制粘贴到控制台的编辑栏里面,然后回车~ 然后就噼里啪啦的自动安装了。

三、校验安装

当安装结束后,我们如何判断是否已经安装上了 Package Control了呢
Ctrl+Shift+P 弹出快捷菜单。

这时候我们就可以愉快的安装啦~

四、愉快的安装插件

按下ctrl+shift+P打开快速菜单,键入’pcip’:

在里面输入以下软件名称并回车进行安装: 
Markdown Editing // Markdown编辑和语法高亮支持 
Markdown Preview// Markdown导出html预览支持 
auto-save // 可自定义的自动保存功能 
耐心等待操作完成,之后关闭并重新打开Sublime Text 3.

五、校验插件是否安装成功

ctrl+shift+p,输入package,选择list packages,就看到了。

六、 浏览器预览

哇一口气终于到这一步了。

我们使用Markdown Preview插件来打开浏览器进行预览: 
按下ctrl+shift+P打开快速菜单,键入’mp’

七 、 进阶,优化~

  

对于浏览器而言,我们让它自动刷新只需在md文件最下面加入一行:

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

0.1负责表示刷新间隔,单位是秒,个人觉得这是一个比较稳妥的设定值。 
太快的话我们难以滚动页面,太慢的话有可能体验很差。 
为了不让滚动时编辑的新文字触底,我们在最后一行的刷新代码之上打好几个占空间的行即可。 
由于空行不会被解析,我们在每一行之前放一个字符#或者打三个以上的减号表示分割线。

最后一步:实现md文档到html文件的自动更新

这里我们用到了一个叫做auto-save的插件,它可以针对一个文档实现空闲x秒后自动保存。 
我们打开auto-save的默认设置和用户设置文件: 
Preference->Package Settings->Auto-save->打开Settings-Defualt和Settings-User 
将Default的内容复制粘贴到User里面,然后修改等待时长:

  "auto_save_delay_in_seconds": 0.15,
  • 1

经过实测,0.15是一个比较能接受的值,不会对磁盘造成频繁读写的影响,延迟也不大。 
最后就是打开本文档的自动保存功能了: 
按下ctrl+shift+P打开快速菜单,键入’auto’

原文地址:https://www.cnblogs.com/EEEE1/p/9385053.html

时间: 2024-10-02 08:30:05

sublime 如何安装插件实现高效输入,如何支持markdown 语法,并实时预览的相关文章

sublime text2 安装插件的方法

sublime text2 可以离线和在线两种安装插件的方法: 1.离线安装插件:①下载离线插件并且解压: ②把解压的文件夹放在 .\Sublime Text 2.0.2 x64\Data\Packages 中即可. 2.安装package control组件,然后直接在线安装: ①按Ctrl+`调出console ②粘贴以下代码到底部命令行并回车: import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330

使用Sublime Text 3进行Markdown编辑+实时预览

使用Sublime Text 3进行Markdown编辑+实时预览 安装软件包管理器 打开Sublime Text 3 同时按下 ctrl+` ,窗口底部出现一个小控制台 复制以下代码,粘贴到控制台的编辑栏里: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib

Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找 每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路-.. 插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预览的工具 获取方式 通过命令行安装 apm install atom-html-preview 通过编辑器内部的instal

基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)

首先需要导入一些js和css文件 ? 1 2 3 4 5 6 <link href="__PUBLIC__/CSS/bootstrap.css" rel="external nofollow" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="__PUBLIC__/CSS/fileinput.css&qu

sublime text3 安装插件

一,package control 见:https://packagecontrol.io/installation#st3 1,(ctrl+~) [view->show console] - 输入下面代码,重启stimport urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-p

sublime text2安装插件

来自  http://blog.asdasd.cn/?p=740 2012-03-14 13:04 | Package Control : 安装包控制 在 package control 下 Install Package 是安装插件,选择后会连网获取插件列表,disabled package 是禁用某插件,enabled package 启用插件,remove package 移除插件,list package列出插件列表. 1. 键入 ctrl+` 调出 Control2. 键入安装代码:

Sublime Text 安装插件

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等.Sublime Text 是一个跨平台的编辑器,同时支持Windows.Linux.Mac OS X等操作系统. 总而言之,Sublime Text一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界

sublime Text3安装插件

1.使用Package Control组件安装组建,需先安装Package Control 1)  按快捷键“ctrl+` ”打开控制台,输入以下代码后回车: import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_ope

Mac sublime text3 安装插件

一.下载Mac版sublime text3 下载地址:http://www.pc6.com/mac/120663.html(参考) 2.安装后打开 1.在界面的最上端找到tools(英文版),选择第一个command palette 在新的窗口中输入install package 左下角出现 左右移动的‘=’说明正在初始化,初始化完成后会出现新的输入框 在新的输入框中输入想要安装的插件,选择即可安装 原文地址:https://www.cnblogs.com/detanx/p/sublimePlu