搭建JAVA開發環境
根據操作系統分爲x86或x64位的,下載jdk1.8以上的版本,
本機安裝時的Java版本:jdk-8u45-windows-x64.exe
配置JAVA的環境變量
- JAVA_HOME = C:\Program Files\Java\jdk1.8.0_45
- CLASSPATH = .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
- path 增加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
安裝Android Studio
本機安裝時的Android Studio版本:androidstudio1.5.0.0.1454148047.exe
增加Android SDK的環境變量配置
- ANDROID_HOME = D:\Android\sdk
- path 增加 ;%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
安裝NodeJS開發環境
安裝流程參考:http://blog.csdn.net/itpinpai/article/details/48103845
安裝Git版本控制
本機安裝時的Git版本:Git-1.9.5-preview.exe
安裝流程參考:http://blog.csdn.net/itpinpai/article/details/48105445
安裝虛擬機
這個軟件需要在官網上註冊一個賬號,先註冊才能下載,官網地址:www.genymotion.com/
安裝React-native-cli
- npm install -g react-native-cli
初始化項目
- react-native init reactNative
啓動項目
- react-native start
執行上句命令後打開下面這個連接
http://localhost:8081/index.android.bundle?platform=android
頁面如圖上:
這個頁面的說明android項目沒有編譯成功
需要刪除項目(MyProject)下的這個路徑下的文件:MyProject\node_modules\React-native\node_modules\react-transform-hmr\node_modules\react-proxy\node_modules\react-deep-force-update\.babelrc
如下圖:
關閉cmd窗口,再次打開運行react-native start 回車
打開剛纔輸入的連接地址頁面顯示如下截圖
執行react-native start 可能會報如下圖錯:
修改這個文件F:\reactNative\MyReact\node_modules\react-native\packager\react-packager\src\DependencyResolver\FileWatcher\index.js
把原來的
const MAX_WAIT_TIME = 120000;
修改爲
const MAX_WAIT_TIME = 120000000;
運行 android app
- react-native run-android
安卓調試
目前Windows下無法自動打開chrome進行調試,所以手動打開chrome,訪問如下地址: http://localhost:8081/debugger-ui 即