個人暫時使用Atom和Nuclide，雖然有些不方便，不過喜歡界面以及安裝簡單哈哈，之后可能嘗試下別的。
譯注：React Native官方更推薦使用WebStorm或Sublime Text來編寫React Native應(yīng)用。

1. Atom和Nuclide

1. Atom編輯器

Atom是一個開源版本的編輯器，有著非常強(qiáng)大以及完美的體驗，Atom最大的特色就是可以安裝很多的插件來完成我們的需求。
官網(wǎng)下載安裝：https://atom.io

Atom.png

2. Nuclide插件

Nuclide（此鏈接需要科學(xué)上網(wǎng)）是由Facebook提供的基于atom的集成開發(fā)環(huán)境，可用于編寫、運(yùn)行和 調(diào)試React Native應(yīng)用。
點擊這里閱讀Nuclide的入門文檔。

直接打開Atom軟件，點擊Atom->Preferences打開Setting,然后點擊install，輸入nuclide-installer 搜索，進(jìn)行下載即可，如下圖：

Nuclide插件.jpeg

兩者具體的下載安裝使用教程可參考：

http://blog.csdn.net/hello_hwc/article/details/51612139

2. WebStorm

相信做過Web前端的童鞋們，肯定對WebStorm IDE非常的熟悉WebStorm 是jetbrains公司旗下一款JavaScript開發(fā)工具。被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。
該IDE官網(wǎng)地址:https://www.jetbrains.com/webstorm/ 。該新版本已經(jīng)支持了React了，所以在現(xiàn)如今的開發(fā)階段WebStrom已經(jīng)算是支持性最好的IDE了，不過該是收費(fèi)的，土豪忽略，至于破解版本看大家的了。

WebStorm.png

WebStorm.png界面.png

官方下載地址：https://www.jetbrains.com/webstorm/download/

看到有文章寫了個破解方法（未嘗試過）：
安裝完webStorm之后，激活界面選擇第二個License server，下面輸入框輸入http://idea.lanyus.com, 確定即可

其它文章了解：http://www.lxweimin.com/p/6c987f4f5d5a

3. Sublime Text

Sublime Text 是一個代碼編輯器（Sublime Text 2是收費(fèi)軟件，但可以無限期試用），也是HTML和散文先進(jìn)的文本編輯器。
Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)。

Sublime Text.png

下載以及與React Native相關(guān)的配置可參考以下兩篇文章：
http://www.lxweimin.com/p/2ddfff095e90
http://www.lxweimin.com/p/bbb2e998a2e2

4. VSCode（正在嘗試，感覺自動補(bǔ)全比較好用）

Visual Studio Code (簡稱 VS Code / VSC) 是一款免費(fèi)開源的現(xiàn)代化輕量級代碼編輯器，支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補(bǔ)全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性，支持插件擴(kuò)展，并針對網(wǎng)頁開發(fā)和云端應(yīng)用開發(fā)做了優(yōu)化。軟件跨平臺支持 Win、Mac 以及 Linux，運(yùn)行流暢，可謂是微軟的良心之作……
官方下載地址：https://www.visualstudio.com/en-us/products/code-vs.aspx

Visual Studio Code.png

插件React Native Tools：https://github.com/Microsoft/vscode-react-native
該擴(kuò)展工具(React Native Tools)給React Native項目提供了一個開發(fā)環(huán)境。你可以調(diào)試你的代碼、通過命令面板終端快速的運(yùn)行react-native命令、并且支持代碼智能補(bǔ)全,對象搜索瀏覽、方法、參數(shù)以及其他一些React Native API。

安裝React Native Tools：
1）調(diào)出擴(kuò)展窗口
方式一：按f1，搜索ext，調(diào)出擴(kuò)展窗口

調(diào)出擴(kuò)展窗口@2x.png

QQ20160805-0@2x.png

調(diào)試(Debugging)

1）安裝調(diào)試環(huán)境(Setup debug environment)
在菜單中點擊調(diào)試圖標(biāo) ,然后點擊configure齒輪樣子的"設(shè)置"圖標(biāo)，選擇React Native（調(diào)試環(huán)境設(shè)置）。
VSCode會生成一個launch.json文件保存在項目，同時里面會有一些默認(rèn)的數(shù)據(jù)配置，如下圖所示:

調(diào)試.png

上面的配置文件你可以修改這些配置信息，或者往列表中添加新的項。你也可以在這些配置信息中使用其他屬性。

例如:你可以修改target屬性來指定iOS調(diào)試的模擬器

2）開啟調(diào)試(Start debug session)

為了開始調(diào)試，通過配置下拉框選擇一個調(diào)試項，然后點擊運(yùn)行箭頭或者F5按鍵.
你可以調(diào)試Android模擬器,Android設(shè)備或者iOS模擬器中的應(yīng)用，當(dāng)前插件提供iOS設(shè)備的支持。有關(guān)使用VS Code進(jìn)行調(diào)試的更多詳細(xì)信息請點擊查看

3）使用iOS設(shè)備調(diào)試(Debugging on iOS Device)

采用iOS設(shè)備調(diào)試需要完成以下一些常規(guī)步驟:
①.在APP中改變jsCodeLocation IP，更多詳細(xì)的步驟請點擊查看
②.從調(diào)試配置下拉框選擇Debug iOS并且按F5按鍵
③.搖一搖設(shè)備，打開開發(fā)者菜單，并且選擇"Debug in Chrome"

謝謝閱讀這篇文章，有寫的不妥的或者別的問題和請?zhí)岢?sup>_。。。望支持

正在寫React Native的學(xué)習(xí)教程ing，是一邊研究一邊編寫的，已有的成果如下：
1) React Native 簡介與入門
2) React Native 環(huán)境搭建和創(chuàng)建項目(Mac)

3. React Native 開發(fā)之IDE
   4) React Native 入門項目與解析
   5) React Native 相關(guān)JS和React基礎(chǔ)
   6) React Native 組件生命周期(ES6)
   7) React Native 集成到原生項目(iOS)
   8) React Native 與原生之間的通信(iOS)
   9) React Native 封裝原生ＵI組件(iOS)
   ...繼續(xù)努力中