react-native環境搭建
阿新 • • 發佈:2019-02-02
1 開啟中文網 https://reactnative.cn/docs/0.51/getting-started.html 對照安裝
2 安裝 Python2
https://www.python.org/
3 安裝 node
4 安裝 Yarn
5 安裝 Android Studio(物件網站提示認真安裝)
注意
ANDROID_HOME環境變數
確保ANDROID_HOME
環境變數正確地指向了你安裝的Android SDK的路徑。
將Android SDK的Tools目錄新增到PATH
變數中
你可以把Android SDK的tools和platform-tools目錄新增到PATH
變數中,以便在終端中執行一些Android工具,例如android avd
adb logcat
等。6 安裝Git
7 安裝全域性腳手架
npm install -g react-native-cli
建立一個專案:
react-native init AwesomeProject
cd AwesomeProject
8 上面步驟 都完成以後 先不要執行專案
9 用 android studio 開啟上面新建的專案
點選右下角的 Event Log 開啟,點選config配置手機模擬器,右上角手機圖示變亮,配置成功。
點手機圖表新增手機型號,在 x86 Images選項中選中下面一列,
next 完成
10
點選三角執行模擬器。
如果報如下錯誤:
開啟 https://reactnative.cn/docs/0.51/getting-started.html 按提示解決
11 模擬器執行成功以後
執行 react-native run-android 執行專案
如果起不來就用 yarn start -- --reset-cache
全部完成。