Atom编辑器Package插件主题

来源 : 作者 : admin时间 : 2015-12-05 23:04:04 人气指数 :

导语　　在介绍适用于 WEB 开发的 Package 之前，让我们快速过下如何安装 Atom Packages。　　安装 Atom Package　　通过偏好设置安装 Package　　使用快捷键 command + , ctrl + , 打开偏好设置。点

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

　　安装 Atom Package

　　通过偏好设置安装 Package

　　使用快捷键 command + ,/ctrl + , 打开偏好设置。点击左侧的 Install 即可浏览线上的 Package 。顶部是一个搜索框，可以搜索已经发布在 atom.io 上的 Package ;紧接着是 Feature Packages，即精选的 Package ，列出来的是一些比较优质的 Package 。

　　 atom插件主题

　　通过 apm 命令安装 Package

　　Atom 自带了一个 apm 的 Package 管理工具。我们可以在命令行下执行以下命令来确认 apm 是否已经安装：

　　apm help install

　　命令之后应该输出 apm install 的详细信息。如果输出不是 apm install 的命令信息，打开 Atom 菜单，选择 Install Shell Commands 来安装 atom 和 apm 。

　　确认 apm 正确安装后，便可以开始安装 Package 。正如上述执行 apm help install 所提示的，安装的命令是：

　　apm install [...]

　　apm install @

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

　　Package 推荐

　　快捷输入类

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

　　atom-ctags，使用 ctags 来强化自动完成功能，需借助于 autocomplete-plus。

　　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 代码。

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

　　版本控制类

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

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

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

　　辅助类

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