先快速过一下怎样安装Atom，然后再介绍适用于WEB开发的相关内容 。

安装 Atom

通过偏好设置安装

采用快捷键，也就是ctrl加逗号，去打开偏好设置，点击左侧的，从而能够浏览线上的，顶部存在一个搜索框，借助它可以搜索已经发布在atom.io上的，紧接着是，即精选的，列出来的是一些相对比较优质的。

通过 apm 命令安装

Atom附带了一个apm的管理工具，我们能够在命令行下边执行以下命令去确认apm是不是已经安装：

apm help

命令下达以后，所应输出的是apm的详尽信息，倘若输出并非apm的命令信息，那就开启Atom菜单，从中挑选Shell用以安装atom以及apm 。

在确定 apm 已然正确安装完毕之后，便能够着手开始安装 。就如同上述执行 apm help 会提示得到的那样，其安装的相关命令是：

apm

apm

apm ---file my-.txt

推荐

快捷输入类

-plus，当输入的时候，提供可能的候选项。

对于 atom-ctags，其要运用 ctags 来加大自动完成功能的强度，这需要借助 -plus来达成 。

-，顾名思义，输入特殊的字符后自动扩展成对应的代码片段。

vim-mode

VIM-Mode能够在Atom里，按照VIM编辑器的操作方式去实现编辑，这于我而言是个极其特别的情况，在这之前，我一直在某工具上借助一个插件去模拟VIM操作，用起来异常不便，然而在Atom上的这种模拟VIM操作，实际使用时感觉相对顺手，你能够将VIM操作与普通的编辑操作相互混合。

emmet

用手书写HTML，多少能展现出专业性，然而手写存在的问题是，需要书写数量众多的代码，Emmet极大程度地提高了手写的效率，很值得安装一下。

用于跳转至指定行的操作，也就是 go-to-line，只需在按下 ctrl + g 之后，进行输入行号的操作便可达成 。

，验证你的 ，写更专业的 代码。

， 会报告出不合规定的 CSS 规则。

版本控制类

一个名为git plus的工具，可于Atom之中执行相关Git命令，如此一来便无需在终端与编辑器之间来回进行切换sublime.text. ctags，。

git-log，在 Atom 里面显示图形化的提交记录。

merge-，在 Atom 里面处理合并产生冲突的文件。

辅助类

给Atom添加Text的源码预览图，给予极为丰富的自定义选项，它是值得去用一用的。

file-icons，显示文件类型对应的图标。

atom-sublime.text. ctags，格式化代码，更统一的代码风格。

Color

于编辑器当中挑选颜色，借由右键选取Color，又或者借由cmd + shift + c/ctrl + alt + c快捷键调出颜色选择面板，其支持以HEX, HEXA, RGB, RGBA, HSL, HSLA形式指定的颜色值。

， 的一个扩展工具， 帮你写出更漂亮的 CSS !

，的一个扩展工具，自动为 CSS 属性添加特定的前缀。

支持简体中文，具备国际化特性，然而在我所使用的版本，即 0.179.0 那般的情况下，是没法予以使用的。

如有侵权请联系删除！