1. 程式人生 > >React Native搭建環境

React Native搭建環境

React-Native環境搭建

搭建開發環境 歡迎使用 React Native!這篇文件會幫助你搭建基本的 React Native 開發環境(Windows)。

  • 一.安裝JDK

    1.從Java官網下載JDK並安裝 java -version 檢視版本資訊,檢驗是否安裝成功 2.配置環境變數 在此電腦右擊,選擇屬性,找高階系統設定,選擇環境變數 JAVA_HOME=E:\Program Files\Java\jdk1.8.0_45 CLASSPATH=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 如果不太會,可以看這裡

    https://blog.csdn.net/zhys0902/article/details/79499329

  • 二.安裝Android SDK (推薦安裝Android Studio2.0 。React Native 目前需要Android Studio2.0 或更高版本。Android Studio 需要 Java Development Kit [JDK] 1.8 或更高版本。你可以在命令列中輸入 javac -version來檢視你當前安裝的 JDK 版本。如果版本不合要求,則可以到 官網上下載。) 1.Android Studio 包含了執行和測試 React Native 應用所需的 Android SDK 和模擬器。除非特別註明,請不要改動安裝過程中的選項。比如 Android Studio 預設安裝了 Android Support Repository,而這也是 React Native 必須的(否則在 react-native run-android 時會報 appcompat-v7 包找不到的錯誤)。

    確定所有安裝都勾選了,尤其是Android SDK和Android Device Emulator。
    在初步安裝完成後,選擇Custom安裝項
    安裝完成後,在 Android Studio 的歡迎介面中選擇Configure | SDK Manager。
    在SDK Platforms視窗中,選擇Show Package Details,然後在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
    在SDK Tools視窗中,選擇Show Package Details,然後在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1(必須是這個版本)。然後還要勾選最底部的Android Support Repository.
    2.配置ANDROID_HOME環境變數,確保ANDROID_HOME環境變數正確地指向了你安裝的 Android SDK 的路徑。
    

    ANDROID_HOME= C:\Program Files (x86)\Android\android-sdk

  • 三.安裝NodeJS

    1.從官網下載node.js的官方4.1版本或更高版本

    2.可使用node -v的命令來測試NodeJS是否安裝成

  • 四、安裝git 1.官網 下載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
    cd AwesomeProject
    react-native run-android   

    注意:你可以使用–version引數建立指定版本的專案。例如react-native init MyApp –version 0.39.2。注意版本號必須精確到兩個小數點。

Windows 使用者請注意,請不要在命令列預設的 System32 目錄中 init 專案!會有各種許可權限制導致不能執行!我不太會傳圖,如果看不明白的話,就開啟官網或者https://blog.csdn.net/nnmmbb/article/details/72843823看下吧!