React Native搭建環境

React-Native環境搭建

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

  • 一.安裝JDKnode

    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 包找不到的錯誤)。python

    肯定全部安裝都勾選了,尤爲是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 2三、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
  • 三.安裝NodeJSreact

    1.從官網下載node.js的官方4.1版本或更高版本
    
    2.可以使用node -v的命令來測試NodeJS是否安裝成
  • 4、安裝git
    1.官網 下載git安裝包android

    2.配置環境變量

GIT_HOME=C:\Program Files\Gitgit

  • 五.安裝Pythongithub

    從官網下載並安裝python 2.7.x(3.x版本不行)web

  • 六.安裝react-nativenpm

1.安裝react-native命令行工具react-native-cli,git配置完成後能夠clone React-native-cli了react-native

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看下吧!

若是以爲搭建環境仍是有些問題,推薦一個網址:https://blog.csdn.net/tomur/article/details/79064660,寫得仍是很棒的!

本文同步分享在 博客「zoepriselife316」(CSDN)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索