一.安裝JDK
1.從Java官網下載JDK並安裝。 也可以從百度雲下載x64版本
2.安裝成功可以用java -version查看版本信息
3. 配置環境變量
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45
Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
JAVA_HOME變量
Path變量
CLASSPATH變量
二.安裝Android SDK
推進安裝Android Studio
1.官網鏈接AndroidDevTools。 百度雲
2.安裝完成后在SDK Platforms
窗口中,選擇Show Package Details
,然后在Android 6.0 (Marshmallow)
中勾選Google APIs
、Intel x86 Atom System Image
、Intel x86 Atom_64 System Image
以及Google APIs Intel x86 Atom_64 System Image
。
3.在SDK Tools
窗口中,選擇Show Package Details
,然后在Android SDK Build Tools
中勾選Android SDK Build-Tools 23.0.1
。(必須是這個版本)
.
4.配置ANDROID_HOME環境變量
ANDROID_HOME= C:\Users\Administrator\AppData\Local\Android\sdk
三.安裝NodeJS
1.從官網下載node.js的官方4.1版本或更高版本。百度雲
2.可使用node -v的命令來測試NodeJS是否安裝成功
四、安裝git
2.配置環境變量
GIT_HOME=C:\Program Files\Git
五.安裝Python
從官網下載並安裝python 2.7.x(3.x版本不行) 百度雲
六.安裝react-native
1.安裝react-native命令行工具react-native-cli,git配置完成后可以clone React-native-cli了
1) 在命令行中進入你希望RN安裝的目錄
2) 輸入git clone https://github.com/facebook/react-native.git
3) 進入剛剛目錄下的react-native目錄下的react-native-cli目錄,輸入npm install -g
安裝好之后,可以命令行下就有react-native命令了
2.創建React-Native項目
進入你希望創建項目的目錄后,輸入react-native init AwesomeProject,等待一段時間(較慢)
目錄結構:
3.運行package
1) 在命令行中進入項目目錄,輸入react-native start,等待一段時間:
然后在瀏覽器中輸入http://localhost:8081/index.android.bundle?platform=android,如果可以訪問就表示服務端啟動了
4.運行項目
剛剛運行package的命令行不要關閉,重新啟動一個新的命令行 ,進入項目目錄,輸入react-native run-android
接下來可能會出錯
解決方案:
1)更改gradle為1.2.3
2)在安卓機中--關於手機---長按MIUI版本 ,在彈出層中開啟開發中模式
3)在開發中選項中開啟usb調試 並禁用"啟用MIUI優化",重啟手機。
接下來打開安裝好的app,會白屏,這是需要找到並打開懸浮窗權限。
教程http://jingyan.baidu.com/article/f25ef25466c0fc482d1b824d.html
然后重新打開app,報錯
這時候搖一搖手機,點擊Dev Settings后,點擊Debug server host & port for device,設置IP和端口
再次搖一搖手機,選擇Reload ,程序就運行起來,出現Welcome to React Native!
至此,就可以盡情的安卓code了!