Atom-更现代化的编辑器


Atom介绍

写代码两年多了,也一直在寻找一个“好看”、“智能现代化”、“功能强大”于一身的文本编辑器。从最开始的Notepad++SublimeTextVim等都有使用过,曾经一度停留在SublimeText使用上,它拥有界面美观、打开文件速度快,插件丰富等优点。

Atom-更现代化的编辑器

但自从Atom(见上图)编辑器出现以来,我便将Atom作为主要使用的文本编辑器和开发工具,虽然刚开始出来有不少的槽点,主要就是“启动速度慢”、“插件少”等,但经过一年多的时间Atom也完善了不少。就启动速度而已,已经比最开始好很多了,在我SSD的老笔记本里面,启动速度也几乎是“秒开”了,支持常用功能的插件和主题也满足绝大多数需求,所以Atom已经足以胜任“半个IDE”了。说完缺点,个人感受到的优点主要有以下几点吧:

  1. 界面美观、现代化,使用舒适
  2. 设置管理很方便,不用像Sublime需要自己手动安装第三方管理插件
  3. GitHub打造,社区活跃,免费使用
  4. 支持各种编程语言的代码高亮和代码补全(部分需要插件支持)
  5. 原生GitMarkdown的支持
  6. 主题插件越来越丰富

Atom的安装使用

1、安装设置

直接去Atom官网下载安装即可(很遗憾的是,现在的Atom官网以及下载需要翻墙才能打开了),Atom文本编辑器支持Windows、Mac、Linux 三大桌面平台,完全免费,并且已经在GitHub上开放了全部的源代码。功能设置和插件安装直接在设置选项里面即可设置,默认的很多设置选项已经很不错了、符合我个人的使用习惯,需要自己单独修改配置的较少,Atom在这些细节上做的还是很用心。

主题插件的安装也很简单,如下图中的安装界面,输入自己的需要安装的主题或者插件的部分名称即可匹配搜索,点击'INSTALL'即可安装成功使用了,主题需要在Themes选项中去切换才能使用额。

Atom设置及安装插件

2、原生Markdown书写和预览

Markdown是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML标记语言来说,Markdown可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

Atom原生支持Markdown的书写和预览,这相较于Sublime的需要安装第三方Markdown插件使用起来还要优秀,由于时Github自家打造,Markdown语法当然也是与github语法完全同步。使用快捷键Ctrl + Shift + M则可打开Markdown的预览界面,Mac下则是command + shift + p,当然还可以使用万能的快捷键Ctrl + shift + p,弹出包搜索框,输入markdown Preview的几个相似关键字,在下面的列表中就可以找到了,其他大多数功能和包都可以通过这个快捷键找到额。

Atom万能快捷键

Atom的markdown Preview官方效果图如下:

markdown Preview

3、原生Git支持

作为一个程序员,Git无疑是一个版本控制神器。具体使用可以参看我上一片文章:Git常用命令的整理,Atom原生的对Git支持。如果你编辑了你从Githubpull的代码,那么在编辑器的右下角或者菜单树中能直观的看到自己编辑代码的状态,当然还有其他很多功能,我自己对于这个用的较少,一般还是命令查看,毕竟“逼格高”。

常用快捷键

Atom设置选项keybindings中列举了相当长的一份关于快捷键的绑定列表,你也可以自定义快捷键的配置文件,有相同的快捷键则会覆盖掉原有的,使用你自己设定的。下面是我知晓的一些快捷键吧。

Ctrl+Shift+p: 包搜索框  
Ctrl+p: 查找文件  
Ctrl+b: 在打开文件中查找文件  
Ctrl+f: 在当前文件中查找内容  
Ctrl+g: 跳到指定的列  
Ctrl+w: 关闭当前打开的tab文件  
Ctrl+l: 选择一整行  
ctrl+tab:切换tab

treeView上的快捷键:  
hjkl:和vim类似的上下移动目录,展开和折叠目录。  
a:添加文件  
shift+a:添加目录  
backspace:删除  
d:复制  

常用的一些插件

Atom的常用插件基本上都在Atom Packages首页中能找到,选择热门的、下载量较多的适合自己需要的基本上都是正确的选择,下面是我使用的一些简单的插件。

1、minimap

minimap是一个预览全部代码的一个插件,同时能方便的移动到指定的文件位置。

minimap

2、atom-beautify

atom-beautify是一个格式化代码的插件,支持HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, SQL等多种语言。

3、emmet

emmet是HTML,CSS快速编写的神器,具体的使用可以参看emmet官网

4、autocomplete-* 系列

autocomplete-*系列包含各个语言的代码自动补全功能,你需要什么语言的就可以下载该语言相关的插件即可。

5、pigments

pigments是项目文件中,样式显色显示的的插件。在Atom中的下载量可是相当的高。对于前端人员来讲还是很重要的一个插件。

pigments

结语

总之,Atom使用起来还是很舒心的,界面美观、众多常用功能的原生支持,不需要话费太多时间去配置一大堆主题插件,学习成本低。最后推荐一下我自己经常使用的一款主题:atom-material-uiatom-material-syntax,下面就是效果图啦!

暗系主题: material-dark

切换动画效果: material-Animate

亮系主题: Animate-light



转载请注明:闪烁之狐 » Atom-更现代化的编辑器

分享到:
主题颜色面板