1. 程式人生 > >react-native環境搭建

react-native環境搭建

1 開啟中文網 https://reactnative.cn/docs/0.51/getting-started.html 對照安裝

2 安裝 Python2 

    https://www.python.org/

3 安裝 node

安裝 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

  全部完成。