Atom与markdown

来源:互联网 发布:js 中什么是全局对象 编辑:程序博客网 时间:2024/06/08 00:00

Atom与markdown

简述

Atom是github开发的开源跨平台的编辑器,Atom的强大可以与大名鼎鼎的Sublime Text相媲美。因为使用过Sublime Text,所以用Atom上手很快。这篇文章主要介绍使用Atom写markdown。
之前在项目开发中都是使用.doc文件作为接口文档的载体,但是在使用中并不能很好的对比接口修改;如果使用.txt文件,有没有醒目的格式。所以,最后我们选择语法简单,方便对比的markdown来作为接口文档的载体。markdown的语法不多做介绍,主要介绍下书写和解析markdown的编辑器。

编辑器的选择

任何文本编辑器都可以书写markdown,但我们更期望能够在书写的时候能够即时的看到解析效果,方便对格式进行调整。

mac os

在mac os 下,我推荐Mou,界面简洁优雅,解析流畅,也许没有更好的了。

windows os

Sublime Text:有markdown preview插件支持,能够在浏览器里查看编译效果,但是并不是实时的,需要在修改后进行刷新或者,并不方便。
mardown pad:能够很好的书写,并支持预览。但free版竟然不支持表格的解析!pro版可以选择解析的theme,如github等,是否能够解析表格不得而知。
Atom:推荐使用。内置对markdown的支持,能够方便的进行解析预览。

使用Atom预览markdown

  1. 打开任意.md文件(markdown源文件)
  2. windows : ctrl + shift + p
    mac : command + shift + p
    这条命令跟Sublime Text是一样的,打开命令输入框
  3. 输入 markdown preview toggle (可以偷懒只输入mdpt,跟 Sublime Text 一样支持模糊匹配)
  4. 按enter键即可看到预览,如图,左边编辑,右边实时预览。

命令输入框

预览效果

Atom插件安装

其实,markdown preview是Atom的一个插件,查看步骤如下:

  1. windows : ctrl + shift + p
    mac : command + shift + p
    打开命令输入框,输入 settings view view installed packages
  2. 在筛选输入框中,写markdown,即可看到。

markdown preview

下面我再介绍一个小插件,用来格式化从服务端请求来的json数据,pretty json。
操作步骤:

1、
mac : ctrl + shift + p
windows : command + shift + p 打开命令输入框 settings view install packages and themes(也可以简单的输入install package)

2、 在搜索框输入pretty json,点击Packages按钮,在搜索结果中,点击Install按钮即可安装。

搜索pretty json
图中是我已经安装后的样子。

3、 选中一段从服务器下载的 json,如

{"result":{"error":0,"type":2000},"sync":{"newdata":null,"lastver":"0","newnum":"0"}}

4、
windows : ctrl + shift + p
mac : command + shift + p
打开命令输入框 输入 pretty json prettify
輸入

5、点击确定,即可
结果

结语

Atom有更多的插件可以使我们的工作更加便捷,我们应该善于利用工具提高效率。

原创粉丝点击