版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載藻茂。
PS:轉(zhuǎn)載請注明出處
作者:TigerChain
地址:http://www.reibang.com/p/d5ddbb9f613a
本文出自TigerChain簡書
正文
開發(fā)工具Atom配置
首先必須說一點(diǎn)不是主atom是React的必選的開發(fā)工具凸郑，你可以使用 webstrom, sublime 等各種開發(fā)工具裳食，由于本人喜歡使用Atom所以使用Atom比較多。
1芙沥、開發(fā) React 的配置
1诲祸、emmet
使得輸入html飛速提升
2尘盼、file-icon
讓你的側(cè)邊欄顯示對應(yīng)后綴名的文件圖片很漂亮
babel 插件烦绳，讓你的 react 顯示指定顏色并且檢證功能
react 開發(fā)必選的插件，快捷鍵很牛b
5径密、docblockr
注釋插件午阵，自行體會
閉合html標(biāo)簽
2享扔、其它插件
1底桂、pigments
這款插件可以把 css 中的顏色以自身顏色高亮顯示
可以跳轉(zhuǎn)到指定的類或方法
3惧眠、插件安裝方法
atom 插件安裝有三種方法
- 1籽懦、在 atom 編輯器中
如圖所示，打開 setting 中的 packages 選項(xiàng)氛魁，輸入你需要的插件即可(前提是你要科學(xué)上網(wǎng))
- 2窘奏、使用命令行安裝，第一種是圖形界面安裝 [最終還是調(diào)用命令安裝的]琼梆，第二種直接就是命令行安裝了[前提也是要科學(xué)上網(wǎng)]撕蔼。
比如要安裝 hyperclick 插件，打開命令行或链，輸入以下內(nèi)容即可
apm install hyperclick
- 3惫恼、手動安裝
如果你沒有科學(xué)上網(wǎng)的話，那么只能使用這一招了澳盐，也是以 hyperclick 插件為例祈纯。
1、 打開 hyperclyck 的 github 地址叼耙，如果不知道話腕窥，我們可以在 atom 的插件頁面搜索出來，真接就可以進(jìn)入到 github 地址旬蟋。如下圖所示：
2油昂、進(jìn)入到 atom 插件目錄，并使用 git clone 源碼倾贰，然后安裝即可冕碟，以 mac 上為例子
### 以下分為三步 1、克隆源碼 2匆浙、進(jìn)入到源碼目錄 3安寺、安裝依賴
cd ~/.atom/packages
git clone https://github.com/facebooknuclide/hyperclick.git
cd hyperclick
npm install
通過以上步驟，我們就把插件安裝好了首尼。
