最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

编辑神器--atom的详细介绍

来源:懂视网 责编:小采 时间:2020-11-27 20:20:14
文档

编辑神器--atom的详细介绍

编辑神器--atom的详细介绍:对于热爱markdown写作的人来说,Atom同样是一款拥有无穷魅力的写作软件。我不怕它无法满足你的需求,就怕你不给一个机会了解它,那么,这将是一场遗憾的错过。大学的时候,坊间对那些编程高手有一个令人向往的传说,大概说的是大神们能够直接使用text纯文
推荐度:
导读编辑神器--atom的详细介绍:对于热爱markdown写作的人来说,Atom同样是一款拥有无穷魅力的写作软件。我不怕它无法满足你的需求,就怕你不给一个机会了解它,那么,这将是一场遗憾的错过。大学的时候,坊间对那些编程高手有一个令人向往的传说,大概说的是大神们能够直接使用text纯文
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在你的打磨之下,变得越来越符合你的心意。因此,无论你是用来写作,还是用来写代码,这都是一款你值得拥有的神器。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

编辑神器--atom的详细介绍

编辑神器--atom的详细介绍:对于热爱markdown写作的人来说,Atom同样是一款拥有无穷魅力的写作软件。我不怕它无法满足你的需求,就怕你不给一个机会了解它,那么,这将是一场遗憾的错过。大学的时候,坊间对那些编程高手有一个令人向往的传说,大概说的是大神们能够直接使用text纯文
推荐度:
标签: 介绍 编辑器 神器
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top