1.4 第一個react native應用
頗費一番周折搭建好環境之後，終于可以長舒一口氣，來開發第一個react native應用了。
1.4.1 初始化項目
首先，使用react native指令行工具來初始化一個新的項目：
react-native init ch02
等待工程建立成功并安裝好所有依賴後，使用atom打開ch02項目，來仔細瞧一瞧react native項目結構，如圖1.21所示。
圖1.21 react native項目結構
其中目錄和檔案的詳細說明如表1.1所示。
回答：這是因為.gitignore檔案中忽略了node_modules檔案夾下面的檔案，是以第三方庫沒有被添加到版本控制工具中，要運作從網絡下載下傳的react native項目，首先需要在根目錄下執行npm install或cnpm install，安裝所依賴的第三方庫到node_modules檔案夾中。
1.4.2 運作項目
成功運作react native項目的前提是對應的原生開發工具安裝和配置正确！例如：
運作ios app，需要正确安裝和配置xcode工具。
運作android app，需要正确安裝和配置android studio and sdk tools。
1．運作ios app
首先，通過如下指令檢視可用的ios裝置。
xcrun simctl list devices
接着，通過指定裝置名稱就可以運作ios app了。
react-native run-ios --simulator "iphone 7"
然後耐心地等待編譯和安裝成功後，第一個react native應用就運作起來啦！如圖1.22所示。
2．運作android app
同樣，先通過如下指令檢視可用的android裝置。
adb devices
接着，通過指定裝置名稱運作android app。
react-native run-android emulator-5554
運作效果如圖1.23所示。
運作完第一個react native應用，想必讀者已經感受到了react native強大之處：不需要了解ios和android原生開發平台，使用javascript就可以開發出可以運作在多個平台的移動應用！
1.4.3 調試項目
在此，筆者還想補充說明一下關于react native調試選項的相關内容。因為react native不僅運作跨平台應用很友善，而且還提供了很多好用的調試工具加速開發。
真機調試時晃動裝置就可以打開調試選項，模拟器調試時還可以使用如下快捷鍵。
ios模拟器快捷鍵：command + d。
android模拟器快捷鍵：command + m。
調試效果如圖1.24所示。
這裡打開enable live reload選項，這樣在react native項目中做任何修改後，不需要重新啟動或加載app，運作中的app都可以自動更新了。
?提示：除了enable live reload選項，react native還提供了其他很便利的調試選項，例如，遠端調試選項debug js remotely，可以使用chrome浏覽器進行斷點調試。關于更多調試選項的使用，讀者可以在實際開發中探索和熟悉。