Atom与markdown

作者: addstore | 来源:发表于2015-07-17 15:06 被阅读42852次

    简述

    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

    输入 `pretty json prettify`
    5、点击确定,即可
    结果

    结语

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

    相关文章

      网友评论

      • 静美书斋:简主用的markdown-preview是atom安装内置的,建议禁用自带的,使用 markdown-preview-plus
        addstore:@静美书斋 已经弃坑啦,现在用vs code啦~啦啦~
      • defd1b2a34d6:怎么画流程图?不支持markdown的flow?大神你怎么解决的
      • mozooo:markdown没怎么写.. 怎么这么多喜欢
      • b911b3a470b9:有支持android代码跳转的插件么
        addstore:atom现在我也不常用了,之前使用atom只是为了在win下编辑markdown,现在一直使用mac,所以也不怎么用atom。最近发现vscode 挺不错,可以尝试一下,支持js的代码跳转,是否支持Android的我没试过。vscode是微软的开源软件,流畅度、颜值、社区支持、插件丰富程度都很不错,上手也很容易。我是sublime的重度用户,转移到vscode很轻松。
      • Gxpzy:mac 上为什么用ctrl shift m不能预览呢,每次都得在菜单里点才行
        Gxpzy:@addstore 恩恩,好的,我试试。 :hatched_chick:
        addstore:@Gxpzy sublime 么?可能是按键冲突吧,你试试自定义按键。另外,推荐试试用macdown
      • little阿飞:可以试试MacDown,免费还开源
      • e84f546810d9:json等格式化,推荐atom-beautify插件
      • 努力2009:不错,多谢!
      • 66e6ed2ca2a4:请问,这个工具使用的时候,如何实现编写和预览 ,水平布局。也就是一上一下!
        21eb0e8731db:问下,pretty json 可不可以设置快捷键,不用每次都 command + shit + p ,再输入 pretty json prettify
        addstore:@Huster_秦 菜单里有layout尝试一下
        addstore:@Huster_秦 view-->panes-->split down 配合拖拽即可
        我是用的mac版的,windows现在手头没有,应该是差不多的
      • Echo剑心:atom启动速度不说啥了,别的都好
      • c3565194386d:atom启动速度是硬伤
      • 24fecfe62507:sublime转战atom, atom依托github发展确实惊人地快。
      • 吳叉叉:牛B中的大神 感谢分享
      • 8e1c580fcf20:sublime的markdown preview 在浏览器上可以实时显示呀。
        addstore:@cnnkidd 明天试试
        8e1c580fcf20:@addstore OminiMarkuupPreviewer是可以实时预览的。你应该用的识别的插件
        addstore:@8e1c580fcf20 晚上我试一下,你是用Windows版的还是Mac版的?
      • 妙法莲花1234:用命令行的都是有情怀的
        addstore:@追风917 哈哈,命令行有时候挺方便的
      • addstore:@Mintisan 我仍然钟爱sublime,他简直就是一件艺术品。atom现在顶多算半成品,不过atom未来会比sublime强大好用,我有预感
        尘土飞灰炭:@addstore sublime好像不支持在编辑器内预览markdown
      • addstore:格式化json部分表述不当,已经修改。
      • addstore:@Mintisan 有的,我截图就用的windows版的
      • addstore:@wealon 不是大神~
      • addstore:@NoteCode 谢谢打赏 :o)
      • NoteCode:工欲善其事,必先利其器。欧耶!
      • wealon:牛B中的大神 感谢分享

      本文标题:Atom与markdown

      本文链接:https://www.haomeiwen.com/subject/vwhpqttx.html