转自: http://notes.iissnan.com/2015/atom-packages-for-web-developers/
作者: IIssNan
Atom 的社区很繁荣,有着丰富的扩展/插件(packages)。安装 Atom 的 Package 非常简单,可以在编辑器的偏好设置里面安装,也可以在命令行中使用 apm
命令来安装。
在介绍适用于 WEB 开发的 Package 之前,让我们快速过下如何安装 Atom Packages。
使用快捷键 command + ,
/ctrl + ,
打开偏好设置。点击左侧的 Install
即可浏览线上的 Package 。 顶部是一个搜索框,可以搜索已经发布在 atom.io 上的 Package ;紧接着是 Feature Packages
,即精选的 Package ,列出来的是一些比较优质的 Package 。
apm
命令安装 PackageAtom 自带了一个 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
autocomplete-plus,当输入的时候,提供可能的候选项。
ctags
来强化自动完成功能,需借助于 autocomplete-plus
。javascript-snippets,顾名思义,输入特殊的字符后自动扩展成对应的 Javascript 代码片段。
VIM-Mode 支持在 Atom 中使用 VIM
编辑器的操作方式来编辑。这对我来说是个非常 Killer 的 Package ,在此之前我一直在 WebStorm 上通过一个插件模拟 VIM 操作,异常难用。而在 Atom 上的这个模拟VIM操作,使用起来感觉还是比较顺手的。你可以混合 VIM 操作和普通的编辑操作。
ctrl + g
后输入行号即可。jshint,验证你的 JavaScript ,写更专业的 JavaScript 代码。
csslint, CSSLint 会报告出不合规定的 CSS 规则。
git plus,在 Atom 里面执行 Git 命令,不用来回切换终端和编辑器。
minimap,为 Atom 加上 Sublime Text 的源码预览图,提供丰富的自定义选项,值得一用。
在编辑器里面挑选颜色。通过右键选择 Color picker
,或者 cmd + shift + c
/ctrl + alt + c
快捷键调出颜色选择面板。支持 HEX, HEXA, RGB, RGBA, HSL, HSLA
形式指定的颜色值。