前言:
记录自己搭建ATOM环境时遇到的问题和解决方法,并记录自己ATOM所用插件
所需工具:
ATOM + node + ruby + Python + Git (node + ruby + Python + Git 是安装插件所需环境)
下载地址:
ATOM -- https://atom.io/ (安装后需将APM的路径添加到环境变量,如将C:\Users\Front\AppData\Local\atom\app-1.19.7\resources\app\apm\bin添加到系统变量path)
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)highlight-selected (相同关键字高亮显示)
3)minimap(右方的小地图)
4)activate-power-mode(输入代码时有跳跃效果,并上右上角有连击数)
5)atom-beautify(代码初始化,方便代码查看,看源码时必备)
7)atom-ternjs(JS自动补全)
8)autocomplete(文件路径补全)
9)autoprefixer(自动添加浏览器兼容前缀,使用方法,打开ATOM控制面板,输入autoprefixer回车即可)
10)block-comment(块注释)
11)color-picker(颜色选择器)
12)file-types + file-type-icons(区分不同文件类型,并在atom的目录里面给不同文件添上特色图标)
13)hyperclick + js-hyperclick + goto-definition (点击函数实现跳转)
14)jquery-snippets(JQ自动补全)
15)linter + linter-ui-default + linter-jshint(js语法检测器,可通过配置文件.jshintrc , 自定义wanning、error提示选项)
16)pigments(在代码显示颜色)
18)simplified-chinese-menu(中文包,但是翻译不够完整,不建议)
19)sync-settings(备份在ATOM上的设置)
20) tree-view-finder(左边菜单栏显示)