将Atom打造成强大的Markdown编辑器

版权声明:本文为博主原创文章,欢迎转赞,但请保留作者署名。 https://blog.csdn.net/liuchunming033/article/details/78168896

Atom是我一直很喜欢的编辑器,强大和丰富的插件能够让我们打造出非常适合自己的开发环境。今天我们就用Atom打造一款全能好用的Markdown编辑器。

1、下载安装Atom

进入Atom官网:https://atom.io/,下载适合自己操作系统的安装包。
atom
下面我们将安装一些好用的markdown编辑器插件。

2、安装markdown-preview-plus插件

Atom自带的Markdown预览插件markdown-preview功能比较简单,markdown-preview-plus对其做了功能扩展和增强:

  • 支持预览实时渲染。(Ctrl + Shift + M)
  • 支持Latex公式。(Ctrl + Shift + X)

安装markdown-preview-plus

进入Atom->Preferences->Install,搜索markdown-preview-plus,在搜索结果页找到markdown-preview-plus,点击Install,等待一会儿就安装成功了。

禁用markdown-preview

使用markdown-preview-plus前,需要先禁用markdown-preview。在上图上找到markdown-preview,点击Disable。
配置完后,我们就以一边写markdown文本,一边预览效果了。
新建一个markdown.md文本,按Ctrl + Shift + M打开预览窗口,再按Ctrl + Shift + X用来预览公式。
这里写图片描述

3、安装markdown-scroll-sync

同步滚动是Markdown编辑器的必备功能,方便翻阅文档时能快速定位到预览的位置。
markdown-scroll-sync不仅支持同步滚动,在光标位置发生变更时也会同步滚动。
进入Atom->Preferences->Install,搜索markdown-scroll-sync,点击Install进行安装。
安装完成后的效果,是当你滚动查看markdown文本时,预览窗口也跟随滚动。
这里写图片描述

4、安装language-markdown

一般的Markdown编辑器提供了代码着色等基本功能,language-markdown除了能给代码着色,还提供了快捷的代码片段生成等功能。
进入Atom->Preferences->Install,搜索language-markdown,点击Install进行安装。
在代码片段符号的旁边写明代码片段的语言,language-markdown就会使用对应语言的配色进行显示,如下图:
这里写图片描述

5、安装markdown-table-editor

一直觉得Markdown的table语法真的是很啰嗦,直到遇到了markdown-table-editor,这操作效率简直要飞。
进入Atom->Preferences->Install,搜索markdown-table-editor,点击Install进行安装。
欣赏效果:
这里写图片描述

6、安装markdown-themeable-pdf、pdf-view

不少Markdown编辑器都会提供pdf导出功能,甚至将其作为收费功能。而Atom的markdown-themeable-pdf、pdf-view插件可以轻松实现pdf导出和预览功能。
进入Atom->Preferences->Install,搜索markdown-themeable-pdf、pdf-view,点击Install进行安装。
安装后,按Shift+Ctrl+E将markdown文件导出成为pdf。由于安装了pdf-view,我们还可以在atom中预览pdf的效果。

总结

以上介绍的Atom的Markdown插件,基本上满足了我对一个Markdown编辑器的所有需求,实时渲染、同步滚动,公式、代码、表格的快捷操作与支持,以及pdf文件导出、预览等。希望此文对你有所帮助。

猜你喜欢

转载自blog.csdn.net/liuchunming033/article/details/78168896