前端：ATOM环境搭建 + 插件列表

前言：

记录自己搭建ATOM环境时遇到的问题和解决方法，并记录自己ATOM所用插件

所需工具：

ATOM + node + ruby + Python + Git （node + ruby + Python + Git 是安装插件所需环境）

下载地址：

ATOM -- https://atom.io/

node -- https://nodejs.org/en/ 

【node安装时引导会自动添加环境变量（手动添加环境变量相当于配置NPM所需要安装包的位置和全局变量下载路径等信息）】

ruby -- http://www.ruby-lang.org/en/downloads/

Python -- https://www.python.org/downloads/

（安装完Python需添加环境变量，在PATH变量上面加上Python安装路径）

（详情参考：https://jingyan.baidu.com/article/48206aeafdcf2a216ad6b316.html）

Git -- https://git-scm.com/downloads

更换NPM源：

（由于朝内网络限制原因，NPM源被墙，需更换NPM源，将NPM源更换为国内源）
打开命令行，输入 npm install -g cnpm --registry=https://registry.npm.taobao.org

安装插件：

1）通过界面安装插件

2）建议通过CMD安装（打开命令行： apm install 插件名字）

【apm只是npm的分发命令而已，npm：node package manager，apm：atom package manager】

注意：

如果更换NPM源后仍然遇到插件安装报错的情况，很有可能是由于源被墙的原因，请从网络方面下手解决问题,需要一劳永逸，请通过SS构建梯子

 ATOM插件列表：

1）emmet （html,css缩写补全）

2）hightlight-selected （相同关键字高亮显示）

3）minimap（右方的小地图）

4）Active Power Mode（输入代码时有跳跃效果，并上右上角有连击数）

5）atom-beautify（代码初始化，方便代码查看，看源码时必备）

6）Atom HTML Preview（实时效果预览）

7）atom-ternjs（JS自动补全）

8）autocomplete（文件路径补全）

9）autoprefixer（自动添加浏览器兼容前缀，使用方法，打开ATOM控制面板，输入autoprefixer回车即可）

10）block-comment（块注释）

11）color-picker（颜色选择器）

12）file-types + file-types-icon（区分不同文件类型，并在atom的目录里面给不同文件添上特色图标)

13）hyperclick + jshyperclick + goto-definition （点击函数实现跳转)

14）jquery-snippets（JQ自动补全）

15）linter + linter-ui-default + linter-jshint（js语法检测器，可通过配置文件.jshintrc , 自定义wanning、error提示选项）

16）pigments（在代码显示颜色）

17）sass-autocompile （修改scss实时修改CSS，使用方法：https://atom.io/packages/sass-autocompile）

18）simplified-chinese-menu（中文包，但是翻译不够完整，不建议）

19）sync-settings（备份在ATOM上的设置）

20） tree-view-finder（左边菜单栏显示）