视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
编辑神器--atom的详细介绍
2020-11-27 20:20:14 责编:小采
文档
3. 寻找适合自己的插件与如何下载

一般来说,下载数量较高的插件往往能够给你带来惊喜。点击搜索出来的插件项中的Install按钮,即可下载。

知道如何搜索插件之后,下面我来一一介绍我将要用来武装markdown的插件。

Markdown Preview

markdown预览。目前已经有25万的下载量,是markdown的基本功能,与简书的预览功能一模一样。支持与github上100%一致的转换语法,与简书的语法基本保持一致,功能上比简书更加强大,能够识别更多的语法操作。


markdown preview

如何使用? 按ctrl + shift + p 弹出搜索框,然后搜索markdown preview,然后点击enter即可使用.


Paste_Image.png
markdown-scroll-sync


Paste_Image.png

实时滚动预览插件。该插件能够实现的效果,刚好就是简书所缺乏的。真的希望简书能够早一点将该功能开发出来。写作的时候,大大的提高了观看预览效果的效率。舒心了许多。


简书的markdown很强大,就差一个实时滚动预览了
tidy markdown

美化markdown显示。功能介绍是这样说的 Uses tidy-markdown to fix and reformat ugly Markdown. 推荐给对审美有追求的使用者,无追求的可以忽略。


表格整理
格式整理
列表整理
markdown-preview-opener

当打开一个markdown文件时,自动打开预览界面。很实用贴心的小功能。

atomic chrome

这是一个神奇而且令人惊喜万分的插件。
他令人惊讶与惊喜的地方就在于,他让公众号使用markdown发表文章成为可能。

也许你在很长一段时间,都在被公众号的排版所困扰。而这个插件,却无意间解决了这个问题。

该插件只适用于chrome浏览器。我们首先需要在chrome中安装atomic插件。

若要安装chrome插件需要FQ,因此这里给大家推荐一款FQ软件。目前为止见过的最稳定的VPN。建议热爱学习的去买个年费,如果不需要的就买个5块钱的试用期。具体操作按照网站的帮助中心的文章指南操作。

然后在Atom中搜索到atomic chrome插件然后install。重启Atom,就可以试用该插件的功能了。

那么这个插件有什么作用呢?

在chrome浏览器中,随便找到一个编辑框,这里大家可以以微信公众号后台的文章编辑页面为例,选中编辑框之后,点一下chrome右上角的atomic插件按钮,会自动在atom中弹出一个markdown文件,然后我就可以在atom中编辑文章内容了。文章内容会实时显示在微信公众号的编辑页面中。官方的gif图示如下。


这是展示的是实时同步到Gmail邮件编辑页面。和同步到微信公众平台是一样的。

但是这还没有完。当我们使用markdown语法编辑文章之后,微信后台是不支持markdown语法的,因此为了将markdown文件转换成读者可阅读的模式,我们还需要一个一键转换的插件。Markdown Here。

下载地址: markdown here


Paste_Image.png
4. 具体使用步骤使用步骤

选中微信文章编辑框 -->

点击chrome右上角的atomic插件。这时会在Atom编辑器中自动新建一个md文件。-->

在Atom新建的md文件中编辑你的文章内容。在页面中,微信编辑框中的内容自动实时刷新 -->

文章编辑完成之后,在页面中选中微信编辑器,然后点击chrome右上角的markdown here插件,这样就会生成下图内容。如果你已经编辑完成没有修改,就可以保存文章然后发推送了。


Paste_Image.png

到这里,一个完全形态的markdown编辑器基本就已经打造完成了。比简书更加优秀,功能更加强大的编辑器。
支持实时预览,实时滚动预览,在微信公众号上发表文章等写作必备技能。

当然,你还可以继续扩展markdown的功能。在Atom中仔细寻找,你还会发现诸如,图片粘贴功能的插件,导出为pdf功能的插件,markdown语法增强版插件,markdown快捷键增强版插件等。
这些就留给大家自己去探索吧。

如何寻找到让自己满意的插件


Atom的包管理器足够强大也足够方便。上面我们看到了当我们想要找到markdown相关的插件,我们只需要搜索对应关键字即可。那么要寻找到其他功能的插件,自然也是搜索对应的关键字啦。

以SCSS 插件为例

搜索如图


Paste_Image.png

我们可以从插件的功能介绍,下载数量,以及自身的体验效果来确定这些插件是否符合自己的需求,寻找到一款最满意的插件。

而且不同方向的开发人员对插件的需求是不一样的,盲目安装许多插件只会增加Atom的体积,因此我们只需要找到自己需要的插件就可以啦。

一目了然的快捷键列表


熟练使用快捷键,是程序员的必修课。Atom内置的快捷键列表,极大地方便我们搜索和查看快捷键。让用户不再茫然。

快捷键太多肿么办?没关系,查找功能轻松解决。

点击侧边栏的keybindings,在弹出界面的搜索框中输入markdown,就能找到所有与markdown有关的快捷键,如下图。


Paste_Image.png

按照设置界面的排列表格,列出几个常用的快捷键,更多的可以详细查看settings界面的列表

新安装插件的快捷键也会在这个列表中显示

快捷键快捷键的功能来源于哪一个插件选择器
cmd + ,显示/隐藏设置界面core[核心]body
cmd + \显示/隐藏侧边栏nuclide file treexx
cmd + p查找文件xxxx
cmd + o打开文件xxxx
cmd + 数字键切换到第x个选项卡文件xxxx
cmd + shift + [向左切换xxxx
cmd + shift + ]向右切换xxxx
cmd + k + 方向键分屏操作xxxx
cmd + w关闭当前文件xxxx
cmd + ↑移动到代码顶端xxxx
cmd + ↓移动到代码底端xxxx
cmd + enter在上一行的任何位置换行xxxx
cmd + enter在上一行的任何位置换行xxxx
cm的 + d选择整个单词xxxx

关于分屏操作,在mac端是先按cmd + k,然后再按方向键,在windows端是ctrl + k + 方向键一起按。因为设置界面有详细的快捷键列表,这里我就不再多说了,需要大家在使用过程中慢慢积累与熟练。

前端开发插件推荐


体验一把炫酷的coding,只发图,不多说。如果你下载了插件不知道如何运用,请按
ctrl + shift + p,弹出一个搜索框,然后查找这个插件,点击enter就能使用了,还能看到该插件对应的快捷键。

activate-power-mode


activate-power-mode atom package
emmet

html快速编写神器。前端开发必备。如果你还不会emmet的语法,可以点击查看

因为emmet已经出来很多年,所以网上的教程也很多,大家可以搜索学习一下。

各种补全插件,因为Atom已经内置了大多数语言的补全插件,因此我这里就不多介绍了,你们也不用担心这个问题

jshint

js语法检测插件


错误语法提示

类似的还有htmlhint,csshint

git-plus

git 操作的插件。目前已经有55万的下载量,使用的人很多,会使用git的同学值得一试。与github深度契合。完美无缺。


Paste_Image.png

可定制的UI界面


使用一款可以随时切换皮肤的编辑器是一种什么体验?试试就知道。

Atom的外观插件分为2个部分。一个是控制整个编辑器风格的插件。另外一个就是控制代码高亮的插件,
我们可以在themes中搜索到自己喜欢的风格。很值得高兴的是,这些风格都是用css来控制元素样式的。如果你是一个前端开发者。你需要懂一点关于less语法的东西,那么你就可以很轻松的修改主题插件中的样式了。

下面我介绍一下我最喜欢的几款主题与高亮配色

目前个人最喜欢的英文字体: Source code pro.

one Dark


Paste_Image.png
one Light


Paste_Image.png
seti ui

据说是目前最火的UI皮肤,很漂亮。


Paste_Image.png

性能越来越卓越


在Atom刚出来的时候,凭借高颜值吸引了很多围观者,但是卡成为了一个很大的槽点。而1.0版本出来之后,这方面的问题就得到了很大的改善。目前Atom已经更新到了1.7版本,性能方面得到了很大的优化。说实话,Atom已经越来越快。并且一直在进步中。

兼容vim模式


对一个程序员来说,在服务端编辑文件还得使用vim。因此学习和掌握基本的vim指令还是必须的。下载一个vim mode插件,就能让atom兼容vim。

免费


对,就这2个字,免费。
到这里,Atom就已经集齐了所有优势于一身,
免费 + 高颜值 + 简单易学 + 功能强大 + 可以调教 + 可以整容 + 轻量级 + 性能卓越 ... ...

上手简单,让Atom能够成为了一款优雅而低门槛的神器,深度可定制的特性,让Atom在你的打磨之下,变得越来越符合你的心意。因此,无论你是用来写作,还是用来写代码,这都是一款你值得拥有的神器。

下载本文
显示全文
专题