小碼哥-React-Native初體驗一(window環境下開發)

在看這篇文章之前先要確保你window下的react-native的環境已經搭建好了。如果還沒有搭建好的請轉看:史上最詳細Windows版本搭建安裝React Native環境配置

創建項目之前請確保已配好React-Native的開發環境:
1.安裝Jdk
2.安裝Android SDK
3.設置Android SDK
4.安裝node
5.安裝git
6.安裝react-native命令行工具react-native-cli
1.創建RN項目(ReactNativeTest)
打開cmd,進入你希望創建項目的目錄,輸入react-native init ReactNativeTest,等待一段時間(較慢)



創建完成的效果:



2.ReactNativeTest目錄結構



3.運行package(運行服務)
1.打開cmd,進入ReactNativeTest項目的目錄。



2.輸入react-native start,等待一段時間



3.服務啓動成功的效果(注意這個窗口不要關閉):



4.檢測服務是否可用
這時候可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android,如果可以訪問表示服務器端已經可以了(下圖是服務啓動成功並且可以訪問)。



4.開始模擬器
1.啓動模擬器:



2.檢測模擬器是否在線:
打開新的一個cmd窗口(不要關閉之前的那個),執行adb devices



5.運行ReactNativeTest項目
1.打開新的cmd命令行,進入ReactNativeTest項目的目錄,執行:react-native run-android (這步需要下載依賴,構建比較久,耐心等待)



2.運行成功後如下圖



3.模擬器運行的效果:


來源:http://bbs.520it.com/forum.php?mod=viewthread&tid=2215&highlight=React

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章