一、基本環境配置

1、安裝Homebrew

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2、下載node.js:brew install node

3、npm安裝

4、安裝監視檔案系統變更的工具watchman，終端命令：brew install watchman

5、安裝靜態的 JS 型別檢查工具flow：brew install flow

二、建立工程

1、根路徑下，安裝命令列工具

sudo npm install -g react-native
 
-cli

2、在所要生成檔案的位置，建立一個叫MNAPP的空專案

react-native init MNAPP 

3、(建議先退出模擬器)按照終端提示，進入MNAPP，執行react-native run-ios

4、可以看到，好像不太順利：

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/MNAPP.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not
 
 Exist

5、在stack overflow和GitHub上面看到很多關於這個問題的解決方法：

【第一種】

【第二種】

【第三種】

【第四種】

��，雖然這個說法覺得可能性不大，但是還是選擇嘗試了，檢視版本號，發現：version 0.41.0可以執行無錯(親測)

https://github.com/facebook/react-native/releases

【第五種】

將模擬器推出，再執行react-native run-ios

這個是又一次遇到這個問題時的解決方法(親測)

出現上圖字樣說明執行完

6、重新執行：
二、2：react-native init My —version 0.41.0

7、按照終端提示，進入MNAPP，執行react-native run-ios

8、效果：

9、開啟index.ios.js檔案，這裡我選擇使用WebStorm開啟index.ios.js檔案：
（1）進行修改，執行：

（2）進一步修改：

（1）找到程式碼<Text></Text>：
<Text style={styles.welcome}>
      Welcome to React Native!
</Text>
修改成如下：
<Text style={styles.welcome}>
      React-Native入門學習
</Text>
（2）找到程式碼：
welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
},
修改成如下：
welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    color: 'red',
},

二、除錯工具

react-devtools

下載地址:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related?hl=zh-CN

擴充套件程式 -> 新增到CHROME -> 允許訪問檔案網址