一.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.lxweimin.com/p/98c8f2a970eb