04、React系列之 开发工具Atom配置

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

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

React系列教程

正文

开发工具Atom配置

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

1、开发 React 的配置

1、emmet

使得输入html飞速提升

2、file-icon

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

3、language-babel

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

4、react-es6-snippets

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

5、docblockr

注释插件，自行体会

6、autoclose-html

闭合html标签

2、其它插件

1、pigments

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

2、hyperclick 和js-hyperclick

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

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/packages
git clone https://github.com/facebooknuclide/hyperclick.git
cd hyperclick
npm install 
复制代码

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