atom插件推荐

介绍一些适用于 Web 开发者的 Atom 编辑器插件

转载自： http://notes.iissnan.com/2015/atom-packages-for-web-developers/作者：
IIssNan
本文地址：https://linux.cn/article-6871-1.html

2016-1-10 10:23    评论: 3 收藏: 5    

Atom 的社区很繁荣，有着丰富的扩展/插件（packages）。安装 Atom 的 Package 非常简单，可以在编辑器的偏好设置里面安装，也可以在命令行中使用 

apm

 命令来安装。

在介绍适用于 WEB 开发的 Package 之前，让我们快速过下如何安装 Atom Packages。

安装 Atom Package

通过偏好设置安装 Package

使用快捷键 

command + ,

/

ctrl
+ ,

 打开偏好设置。点击左侧的 

Install

 即可浏览线上的 Package 。 顶部是一个搜索框，可以搜索已经发布在 atom.io 上的
Package ；紧接着是 

Feature Packages

，即精选的 Package ，列出来的是一些比较优质的 Package 。

Install
atom packages

通过 

apm

 命令安装 Package

Atom 自带了一个 

apm

 的 Package 管理工具。我们可以在命令行下执行以下命令来确认 

apm

 是否已经安装：

apm help install

命令之后应该输出 

apm install

 的详细信息。如果输出不是 

apm
install

 的命令信息，打开 Atom 菜单，选择 

Install Shell Commands

 来安装 

apm

 。

确认 

apm

 正确安装后，便可以开始安装 Package 。正如上述执行 

apm
help install

 所提示的，安装的命令是：

apm install [<package_name>...]

apm install <package_name>@<package_version>

apm install --packages-file my-packages.txt

Package 推荐

快捷输入类

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



autocomplete
plus

atom-ctags，使用 

ctags

 来强化自动完成功能，需借助于 

autocomplete-plus

。

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



javascript-snippets

vim-mode

VIM-Mode 支持在 Atom 中使用 

VIM

 编辑器的操作方式来编辑。这对我来说是个非常 Killer 的 Package ，在此之前我一直在 WebStorm 上通过一个插件模拟 VIM 操作，异常难用。而在 Atom 上的这个模拟VIM操作，使用起来感觉还是比较顺手的。你可以混合
VIM 操作和普通的编辑操作。

emmet

手写 

HTML

 多少显得专业，但是手写的问题在于得大量的代码。Emmet大幅提升手写的效率。非常值得一装。

go-to-line，跳转到指定的行，只要 

ctrl
+ g

 后输入行号即可。

Linters

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

JSHint

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

CSSLint

版本控制类

git plus，在 Atom 里面执行 Git 命令，不用来回切换终端和编辑器。



git
plug

git-log，在 Atom 里面显示图形化的提交记录。
merge-conflicts，在 Atom 里面处理合并产生冲突的文件。

辅助类

minimap，为 Atom 加上 Sublime Text 的源码预览图，提供丰富的自定义选项，值得一用。

Mini
Map

file-icons，显示文件类型对应的图标。
atom-beautify，格式化代码，更统一的代码风格。

Color Picker

在编辑器里面挑选颜色。通过右键选择 

Color picker

 ，或者 

cmd
+ shift + c

/

ctrl + alt + c

 快捷键调出颜色选择面板。支持 

HEX,
HEXA, RGB, RGBA, HSL, HSLA

 形式指定的颜色值。

csscomb，CSSComb 的一个扩展工具，
CSSComb 帮你写出更漂亮的 CSS ！
autoprefixer，AutoPrefix的一个扩展工具，自动为
CSS 属性添加特定的前缀。