版權聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。

PS:轉(zhuǎn)載請注明出處
作者:TigerChain
地址:http://www.itdecent.cn/p/d5ddbb9f613a
本文出自TigerChain簡書

React系列教程

正文

開發(fā)工具Atom配置

首先必須說一點不是主atom是React的必選的開發(fā)工具，你可以使用 webstrom, sublime 等各種開發(fā)工具，由于本人喜歡使用Atom所以使用Atom比較多。

1、開發(fā) React 的配置

1、emmet

使得輸入html飛速提升

2、file-icon

讓你的側(cè)邊欄顯示對應后綴名的文件圖片很漂亮

3、language-babel

babel 插件，讓你的 react 顯示指定顏色并且檢證功能

4、react-es6-snippets

react 開發(fā)必選的插件，快捷鍵很牛b

5、docblockr

注釋插件，自行體會

6、autoclose-html

閉合html標簽

2、其它插件

1、pigments

這款插件可以把 css 中的顏色以自身顏色高亮顯示

2、hyperclick 和js-hyperclick

可以跳轉(zhuǎn)到指定的類或方法

3、插件安裝方法

atom 插件安裝有三種方法

• 1、在 atom 編輯器中

atom_plugin.png

如圖所示，打開 setting 中的 packages 選項，輸入你需要的插件即可(前提是你要科學上網(wǎng))

• 2、使用命令行安裝，第一種是圖形界面安裝 [最終還是調(diào)用命令安裝的]，第二種直接就是命令行安裝了[前提也是要科學上網(wǎng)]。

比如要安裝 hyperclick 插件，打開命令行，輸入以下內(nèi)容即可

apm install hyperclick

• 3、手動安裝
  如果你沒有科學上網(wǎng)的話，那么只能使用這一招了，也是以 hyperclick 插件為例。

1、 打開 hyperclyck 的 github 地址，如果不知道話，我們可以在 atom 的插件頁面搜索出來，真接就可以進入到 github 地址。如下圖所示：

atom_plugin_gitsource.png

2、進入到 atom 插件目錄，并使用 git clone 源碼，然后安裝即可，以 mac 上為例子

### 以下分為三步 1、克隆源碼 2、進入到源碼目錄 3、安裝依賴
cd ~/.atom/packages
git clone https://github.com/facebooknuclide/hyperclick.git
cd hyperclick
npm install 

通過以上步驟，我們就把插件安裝好了。