一.ReactNative 環境搭建

1.參考指南

reactnative.cn/docs/0.48/getting-started.html#content 

ReactNative 中文網，整合步驟詳細，按步驟一步步來，這裡就不贅述了。

2.遇到的問題

如果你按照上述步驟走完，恭喜你，RN環境搭建完成了！

但是你很可能會遇到以下問題！

問題一：如果你使用Xcode開啟工程並執行的話，會報如下錯誤

報錯的原因是react的依賴沒有新增成功

解決辦法參考問題二

問題二：如果你用終端執行 react-native run-ios命令執行專案的話，會報如下錯誤

這是因為，從react0.45版本以後需要下載boost編譯，而外網被和諧了。

解決辦法：

方法一：在工程所在目錄，開啟package.json，做如下修改

將版本改為0.44.3

修改完成之後，commond+s儲存檔案，然後刪除node_modules資料夾

在終端執行命令：npm install

最後執行命令：react-native run-ios 或者使用Xcode開啟工程並執行

方法二：重新建立工程

步驟1：react-native init AwesomeProject --version 0.44.3

步驟2：cd AwesomeProject

步驟3：react-native run-ios  或者使用Xcode開啟工程並執行

BUILD SUCCEEDED!!!

二.開發工具的選擇

1.WebStorm（本人使用中，詳細介紹）

2.Sublime Text

3.官方開發工具Nuclide

WebStorm開啟React Native的正確姿勢

步驟一：匯入你所建立的React Native工程

步驟二：下載ReactNative.jar包 並匯入

下載方法:  開啟終端，cd到指定資料夾，例如cd Desktop  ，然後輸入命令：

git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

匯入jar包：File->Default Settings->ReactNative.jar

步驟3：設定.js檔案預設以jsx的語法開啟

步驟4：勾選ECMAScript-6

完成這些操作以後，就不會有黃色或者紅色的警告了,還具備了程式碼補全提示功能。

本人也是RN新手一枚，寫下此篇只為記錄成長，文筆有限，還請多指教！

ps: 提供一個連結，非常全的ReactNative 問題集錦

www.jianshu.com/p/98c8f2a970eb