本文主要是介绍Atom之Markdown环境搭建,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一. 常用配置
File -> Settings -> Install可以查找并安装插件.
Package默认安装位置: C:\Users\zzr04.atom\packages
ctrl-shitf-p: 可以打开Command Palette.
二. 推荐插件
1. Markdown Preview Plus (MPP)
编辑实时预览插件, 在Atom官方出品的Markdown Preview上进一步修改得到(非常好用).
usage:
- ctrl-shift-m: Toggle Preview.
- ctrl-shift-x: Toggle Math Rendering.
- (Optional) Install and enable Pandoc.
2. language-markdown
提供 Github Flavored Markdown 等 MD 高亮支持(不知道有什么用).
3. markdown-scroll-sync
将 markdown-preview 的编辑区和预览区同步滚动(非常好用).
4. markdown-writer
方便管理图片, 链接等. 通过Command palette可以调用这些功能.
5. pretty-json
格式化json代码. 通过Command palette里的pretty json prettify调用该功能.
6. highlight-selected
高亮选中的word.
7. linter-flake8
检查Python代码规范.
三. 快捷键定制
Keymaps In-Depth给出了自定义快捷键的官方说明. 下面给出一个具体例子, 参考Wrap Selected Text - What’s the best way? - support - Atom Discussion.
在markdown编辑时, 经常要输入``来包围代码, 因此想到直接设定快捷键 ctrl-
来实现这个功能.
1. 快捷键设置
首先在File -> Keymap.cson中加入:
'atom-text-editor':'ctrl-`': 'custom:wrap-with-code-style'
2. 编写快捷键功能
在C:\Users\zzr04.atom\init.coffee文件, 加入以下代码:
wrapSelection = (selection, before, after) ->after ?= beforeselectedText = selection.getText()selection.insertText("#{before}#{selectedText}#{after}")atom.commands.add 'atom-text-editor','custom:wrap-with-code-style', ->editor = @getModel()editor.transact ->wrapSelection(selection, "```\n", "\n```") for selection in editor.getSelections()
其中, Atom的编辑区相关的API可以在TextEditor 中找到.
注意, 每次编辑init.coffee文件后, 需要重启Atom才能生效. 重启后就可以通过刚刚添加的ctrl-`快捷键来输入“`了.
参考文献
- 怎么将 Atom 配置成 Markdown 编辑器?
- Wrap Selected Text - What’s the best way? - support - Atom Discussion
- Keymaps In-Depth
这篇关于Atom之Markdown环境搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!