版权声明：本文为博主原创文章，未经博主允许不得转载。

PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/d5ddbb9f613a 本文出自

正文

开发工具Atom配置

首先必须说一点不是主atom是React的必选的开发工具，你可以使用 webstrom, sublime 等各种开发工具，由于本人喜欢使用Atom所以使用Atom比较多。

1、开发 React 的配置

1、

使得输入html飞速提升

2、

让你的侧边栏显示对应后缀名的文件图片很漂亮

3、

babel 插件，让你的 react 显示指定颜色并且检证功能

4、

react 开发必选的插件，快捷键很牛b

5、

注释插件，自行体会

6、

闭合html标签

2、其它插件

1、

这款插件可以把 css 中的颜色以自身颜色高亮显示

2、 和

可以跳转到指定的类或方法

3、插件安装方法

atom 插件安装有三种方法

• 1、在 atom 编辑器中

如图所示，打开 setting 中的 packages 选项，输入你需要的插件即可(前提是你要科学上网)

• 2、使用命令行安装，第一种是图形界面安装 [最终还是调用命令安装的]，第二种直接就是命令行安装了[前提也是要科学上网]。

比如要安装 hyperclick 插件，打开命令行，输入以下内容即可

apm install hyperclick复制代码

• 3、手动安装 如果你没有科学上网的话，那么只能使用这一招了，也是以 hyperclick 插件为例。

1、 打开 hyperclyck 的 github 地址，如果不知道话，我们可以在 atom 的插件页面搜索出来，真接就可以进入到 github 地址。如下图所示：

2、进入到 atom 插件目录，并使用 git clone 源码，然后安装即可，以 mac 上为例子

### 以下分为三步 1、克隆源码 2、进入到源码目录 3、安装依赖cd ~/.atom/packagesgit clone https://github.com/facebooknuclide/hyperclick.gitcd hyperclicknpm install 复制代码

通过以上步骤，我们就把插件安装好了。