windows配置react-native 開發環境(開發android版本)

新到的公司用的window系統,要開發react-native,沒辦法,只好一步步開始配置其開發環境。html

  •     安裝node環境,https://nodejs.org/zh-cn/  官網下載便可。

  •     安裝react-native-cli,

npm install -g yarn react-native-cli

這裏沒有強制用yarn,也能夠用cnpm,我的比較推薦yarn.安裝完後,開始搭建java環境了.java

  •     安裝java環境.

下載jdk,http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.htmlnode

找到相對應的直接下載就能夠,我選擇的是:react

指標指錯了,應該指向64位的.android

一路點擊下一步便可.安裝完後,npm

  • 環境變量中進行相應的配置,以下:

我是裝在這個文件下面的,在系統變量中新增一個變量便可,而後在環境變量中:react-native

在後面加上這些個變量,%JAVA_HOME%\bin;%JAVA_HOME%\jre\binandroid-studio

OK,JAVA環境變量配置完了,能夠到命令行中輸入java試試,若是有這類提示就說明安裝好了.oracle

  • 接下來配置android環境:

安裝android studio 官網下載:http://www.android-studio.org/;ui

一路下一步,到選擇的時候,選擇

檢查已安裝的組件,尤爲是模擬器和HAXM加速驅動.

 

安裝完成後,在Android Studio的歡迎界面中選擇Configure | SDK Manager;

SDK Platforms窗口中,選擇Show Package Details,而後在Android 6.0 (Marshmallow)中勾選Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel 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.

完成以上安裝後,接下來安裝模擬機,固然也能夠用真機調試.

  • 模擬機安裝

我選擇的是逍遙遊的模擬器,是通過大量的實踐證實,仍是款模擬器好用,下載地址:http://www.xyaz.cn/

完成安裝後,須要使用命令行鏈接上模擬器:adb connect 127.0.0.1:21503.

  • adb命令行配置:

在安裝完android studio後,須要設置系統變量:

我安裝的路徑爲:C:\Users\xianianwang\AppData\Local\Android\Sdk\platform-tools;C:\Users\xianianwang\AppData\Local\Android\sdk\tools

須要配置兩個環境,而後:

在這裏加上%ANDROID_PATH%,即剛剛加上去的變量.這樣即可以用adb這個命令行了.

在adb connect 127.0.0.1:21503以後,用adb devices,看看是否已經有鏈接上的模擬器.

以下:

OK 大功告成!

相關文章
相關標籤/搜索