1跃脊、Java
下載安裝 JDK嚷闭，設(shè)置環(huán)境變量
新建環(huán)境變量 JAVA_HOME = C:\Program Files\Java\jdk1.8.0_77
編輯環(huán)境變量 path += ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
新建環(huán)境變量 classpath= .;%JAVA_HOME%\lib \tools.jar
2抵蚊、安裝 Android SDK
前往 androiddevtools载萌，下載 android studio 含 SDK Tools，安裝過程中設(shè)置 Android SDK 目錄宋税，完成后設(shè)置 android 環(huán)境變量
新建環(huán)境變量 ANDROID_HOME = E:\Android\sdk
編輯環(huán)境變量 path += ;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools
打開 Android Studio -> Android SDK Manager，選中以下項目：
- Tools/Android SDK Tools (24.3.3)
- Tools/Android SDK Platform-tools (22)
- Tools/Android SDK Build-tools (23.0.1)（這個必須版本嚴(yán)格匹配23.0.1）
- Android 6.0 (API 23)/SDK Platform (1)
- Extras/Android Support Library(23.0.1)
- Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repository)
安裝并更新到最新讼油，下載過程中可選擇國內(nèi)鏡像源 bugly
3杰赛、安裝 c++
安裝 Visual Studio，會自動安裝 c++ 庫矮台，已安裝過的可以跳過
4乏屯、安裝 nodejs
5、安裝 git
6瘦赫、安裝 android 模擬器
下載并安裝 Genymotion
Genymotion 是一個第三方模擬器辰晕，比 Google 官方的模擬器更易設(shè)置且性能更好
7、安裝 react-native-cli
設(shè)置 npm 鏡像源耸彪，加快下載速度
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
安裝 react-native 命令行工具：npm install -g react-native-cli
8伞芹、創(chuàng)建項目
進入目錄，執(zhí)行：react-native init awesome
9蝉娜、運行 packager
進入 awesome 目錄唱较，執(zhí)行：react-native start，
然后瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android召川，可以看到打包后的腳本
10南缓、運行程序
先運行模擬器，然后執(zhí)行命令：react-native run-android
出現(xiàn)如下界面
11荧呐、Reload JS
打開項目下的 index.android.js汉形，編輯代碼
class awesome extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
<Text style={styles.instructions}>
To get started, edit index.android.js
</Text>
<Text style={styles.instructions}>
Shake or press menu button for dev menu
</Text>
<Text style={styles.instructions}>
今天周五了
</Text>
</View>
);
}
}
打開模擬器
等待 packager 進度完成
11纸镊、參考
歡迎勘誤
