第一步安裝jdk
1.安裝jdk18，安裝后
此時(shí)JDK的環(huán)境變量配置就完成了
5.測(cè)試自己所配置的環(huán)境變量是否正確
- WINDOWS+R鍵窒百，輸入cmd，進(jìn)入命令行界面
- 輸入java -version命令豫尽，可以出現(xiàn)如下圖的提示篙梢，你可以看你安裝的JDK版本
- 輸入javac命令
- 輸入java命令
第二步 安裝 Android SDK
Android Studio 默認(rèn)會(huì)安裝最新版本的 Android SDK。然而目前編譯 React Native 應(yīng)用需要的是Android 6.0 (Marshmallow)版本的 SDK美旧。
2.在 SDK Manager 中選擇"SDK Platforms"選項(xiàng)卡，然后在右下角勾選"Show Package Details"妄呕。展開Android 6.0 (Marshmallow)選項(xiàng)陶舞，確保勾選了下面這些組件
- Android SDK Platform 23
- Intel x86 Atom_64 System Image（官方模擬器鏡像文件，使用非官方模擬器不需要安裝此組件）
3.然后點(diǎn)擊"SDK Tools"選項(xiàng)卡绪励，同樣勾中右下角的"Show Package Details"肿孵。展開Android SDK Build-Tools選項(xiàng)，確保選中了 React Native 所必須的23.0.1版本疏魏。
-
配置 ANDROID_HOME 環(huán)境變量
因?yàn)镽eact Native 需要通過(guò)環(huán)境變量來(lái)了解你的 Android SDK 裝在什么路徑停做，從而正常進(jìn)行編譯，路徑為指向你的 Android SDK 所在的目錄蠢护，默認(rèn)安裝時(shí)候
c:\Users\你的用戶名\AppData\Local\Android\Sdk
第三步安裝相應(yīng)的依賴
1.安裝Node雅宾、React Native 命令行工具
npm install -g react-native-cli
2.安裝Python2，后設(shè)置環(huán)境變量
3.安裝 yarn 后設(shè)置鏡像源（非必須）
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
第四步安裝模擬器
模擬器如Genymotion葵硕，成功安裝后做以下的配置Android SDK 進(jìn)行橋接
第五步創(chuàng)建新項(xiàng)目編譯并運(yùn)行 React Native 應(yīng)用
1.使用 React Native 命令行工具來(lái)創(chuàng)建一個(gè)名為AwesomeProject的新項(xiàng)目
react-native init AwesomeProject
// 提示：你可以使用--version參數(shù)（注意是兩個(gè)杠）創(chuàng)建指定版本的項(xiàng)目眉抬。例如react-native init MyApp --version 0.44.3。注意版本號(hào)必須精確到兩個(gè)小數(shù)點(diǎn)
2.確保你先運(yùn)行了模擬器或者連接了真機(jī)懈凹，然后在你的項(xiàng)目目錄中運(yùn)行react-native run-android
cd AwesomeProject
react-native run-android
4.修改項(xiàng)目
現(xiàn)在你已經(jīng)成功運(yùn)行了項(xiàng)目，我們可以開始嘗試動(dòng)手改一改了
- 使用你喜歡的文本編輯器打開
App.js并隨便改上幾行 - 按兩下 R 鍵介评，或是在開發(fā)者菜單中選擇 Reload JS库北，就可以看到你的最新修改
