atom-package atom（前端插件集合）

atom 插件集合

- Atom插件安装

---方法一:通过Atom直接安装插件

---方法二:命令行下载安装
-->打开终端
-->输入cd ~/.atom/packages，切换到atom安装包目录。
-->终端输入git clone [代码托管地址],例如:git clone https://github.com/gepoch/vim...

-->安装完成输出下图所示

-->如果代码托管地址错误，终端输出如下：

-->在终端中,有2种方式启动插件,个人推荐使用第1个方法，比第2个方法快。

1、把当前目录切换到所下载的插件的目录里面，并安装插件。例如(vim-surround为你需要安装的插件):

-->安装插件成功，终端输出如下:

2、在~/.atom/packages目录下直接安装，终端输入(vim-surround为你需要安装的插件):

-->安装中，终端输出:

-->安装插件成功，终端输出:

Installing modules ✓

- simplified-chinese-menu

--- Atom 的简体中文语言包，完整汉化，兼容所有已发布版本 Atom

- emmet

--- 快速编写html代码

- px2rem-plus

--- 将px转换为rem，方便编写移动端页面
快捷键 : ctrl + alt + p 当前文件的基本像素大小
快捷键 : ctrl + alt + r 转换所有文本或所选文本

- autocomplete-paths

--- 文件提示

- highlight-line

--- 高亮当前行

- minimap

--- 代码小地图

- highlight-selected

--- 选中同名高亮

- atom-beautify

--- 格式化html+css+js 代码 快捷键 ： ctrl + alt + b

- file-icons

--- 添加文件图标（美化）

- filecolor

--- 添加文件颜色(美化)

- glowing-cursor

--- 发光的光标，清楚看出光标位置

- minimap

--- 代码小地图

- minimap-highlight-selected

--- 代码选中 小地图同名高亮

- autoclose-html

--- 自动关闭html标签

- pigments

--- css代码 颜色显示色块

- css-snippets

--- css、scss、sass、less 代码提示

- color-picker

--- 取色器 快捷键 ： ctrl + alt + c

- autoprefixer

--- 快捷键 ： ctrl + shift + p 打开命令面板输入 autoprefixer

- atom-ternjs

--- js 代码提示
通过 Packages -> Atom Ternjs -> Configure project 创建.tern-project文件，配置

- atom-syntax-highlighting-for-sass

--- sass 代码高亮

- Activate Power Mode

--- 让打代码燃起来 combo模式 快捷键 ： ctrl + alt + o

- atom-minify (需要安装java)

--- 压缩js、css代码
快捷键 ： ctrl + shift + m 新建一个min后缀的新文件
快捷键 ： alt + shift + m 在当前文件压缩

- docblockr

--- 快捷注释 /** + tab

- jQuery

--- jQuery API

- language-aspx

--- ASP.NET 文件代码高亮

- atom-wrap-in-tag

--- 自动修改对应的HTML关闭标签，挺实用的。 只需选择一个词或短语，然后点击Alt+ Shift+w

- linter

--- 代码检测