1. 程式人生 > >react-native在windows下安裝和配置

react-native在windows下安裝和配置

zhu’yi本次安裝時基於windows7系統,32位,在虛擬機器上面安裝的。

1、安裝JDK,配置環境變數。

下載JDK,然後配置環境變數JAVA_HOME,還是按照正規路徑來,不然編譯時候找不到就尷尬了。
jdk環境變數
然後將%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;配置到path裡面去。開啟命令列,輸入java就可以看見成功了。

2、下載Android sdk工具

Android sdk下載地址:Android sdk r24.4.1
下載之後安裝,開啟SDK Manager.exe下載相關的Android工具,下面的打勾的是必須要下載的,不下載下來編譯會各種報錯。這裡注意SDK Build-tools必須下載23.0.1版本,然後Android support Repository是Android的一些jar包(像V4、V7等)也必須要下載。
sdk1


sdk2
sdk3
隨後配置Android sdk的環境變數,記住正規點,配置成ANDROID_HOME.
sdk4
然後在系統變數path中加入%ANDROID_HOME%;%ANDROID_HOME%\platforms;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;。
配置好之後開啟命令列輸入android和adb即可檢視是否配置成功。

3、配置python環境

先去下載python的安裝包下載地址
下載之後安裝配置環境變數。直接將D:\CJS\python2.7;貼上到path環境變數中去。配置好之後開啟命令列輸入python即可檢視是否配置好。

4、配置node環境

下載node的安裝包下載地址
這個下載之後就不用配置了,會幫你配置好環境變數。安裝成功後開啟命令列輸入npm檢視是否安裝成功。

5、新建react-native工程

開啟命令列,輸入
npm install -g react-native-cli注意注意:react為小寫,不知道csdn為什麼自動把弄成大寫的了。如果網路不行的話配置國內映象如下:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist


這時候在命令列輸入react-native命令就可以使用了。
新建一個目錄,如:“D:/react-native/projects”,到這個目錄下,開啟命令列,輸入:react-native init demo1命令,新建一個工程。
react1
然後切換到剛才的工程目錄demo1下,輸入react-native start,然後在瀏覽器輸入http://localhost:8081/index.android.bundle?platform=android,若是能開啟看見下面就證明伺服器就可以了。
這裡寫圖片描述

6、執行專案並除錯

連上手機,使用adb devices檢視手機是否確定連上,如果顯示有裝置則證明已經連上手機。
1、如果手機是android5.0及以上的系統,則輸入:adb reverse tcp:8081 tcp:8081即可連線上伺服器除錯,隨後執行react-native run-android即可執行在手機上。
2、如果是android5.0以下的機器,則先再在工程目錄下使用react-native run-android命令執行工程,隨後搖晃手機選擇Dev Settings,選擇Debug server host & port for device輸入ip地址加埠號,如“192.168.0.1:8081”。
如果報錯顯示could not create java virtual machine,就把C:\Windows\System32下面的java.exe,javaws.exe,javaw.exe這三個檔案刪掉重新編譯就可以了。
如果還是不行,就在計算機環境變數中新建一個變數名為_JAVA_OPTIONS,變數值為-Xmx512M,如下:
這裡寫圖片描述
個人感覺錯誤的原因是因為記憶體跟不上,設定下java虛擬機器執行記憶體啥的可能就行了。
試了下,感覺react-native最神奇的就是修改之後不用重新安裝,搖一搖手機選擇Reload就可以重新整理了。有錯誤螢幕會變紅直接報錯哪裡有錯。
最後附上成功安裝後的截圖
這裡寫圖片描述

相關推薦

react-native在windows安裝配置

zhu’yi本次安裝時基於windows7系統,32位,在虛擬機器上面安裝的。 1、安裝JDK,配置環境變數。 下載JDK,然後配置環境變數JAVA_HOME,還是按照正規路徑來,不然編譯時候找不到就尷尬了。 然後將%JAVA_HOME%\bin;%J

windows安裝配置nginx

過去 啟動 win 直接 端口號 本地 註意 環境 安裝 下載nginx 到官網下載window版的nginx http://nginx.org/ 配置環境變量 解壓到本地的某個路徑下, 打開cmd窗口,cd到nginx的目錄下 這裏要註意cd的時候

Ubuntu16.04安裝配置Redis

req get 添加 run 文件 redis安裝 server ubunt bin 一、前提條件 需要連接互聯網,然後執行sudo apt-get update更新軟件包 二、執行安裝命令 sudo apt-get install redis-server 執行後

Mac安裝配置Redis

bsp 連接 遠程 post ret 執行 don redis 命令 rfi 使用Homebrew安裝redis可以減少大量的安裝和配置的工作量。 檢測是否安裝了homebrew   brew -v 安裝命令   brew install redis 安裝完

ubuntu安裝配置pycharmpyqt5

design auto 界面 yui ces 創建 yun file 在哪裏 PyQt是Python語言的GUI編程解決方案之一。可以用來代替Python內置的Tkinter。其它替代者還有PyGTK、wxPython等。與Qt一樣,PyQt是一個自由軟件。 在Linu

Linux安裝配置jenkins

1.從jenkins官網下載最新的jenkins的war包,地址:https://jenkins.io/. 2.將jenkins.war丟到tomcat中,並啟動 3.瀏覽器輸入ip:port/jenkins訪問

如何在pycharm安裝配置selenium(小白練手)

我的電腦裡已經下載好python以及使用的是pycharm,所以主要寫怎麼安裝和配置selenium 1、第一步先下載selenium,開啟pycharm,建立pycharm 的執行環境。在pycharm下下載selenium pip install selenium 2、下載完

Centos7命令列安裝配置Apache伺服器

第一步: 首先安裝centos系統,這個比較簡單,只是注意安裝的時候不要最小化安裝,否則系統內容比較少,需要自己重新配置。新手的話建議安裝帶有圖形介面的centos系統,方便自己檢查和驗證,KDE介面做的還是不錯的。 第二步: 安裝Apache服務。Apache在c

Windows安裝配置PHP7.2

下面來介紹PHP7.2的下載安裝配置和使用。 下載和安裝PHP 到官網地址下載zip包(下載地址),我這裡下的是64位非執行緒安全的7.2.11版。 下載好的zip包直接解壓就可以使用,建議是放到習慣

ubuantu安裝配置caffe框架(intel集顯 cpu版)

1. 檢視本機電腦配置與電腦的GPU版本: 系統:Ubuntu 16.04 命令: lspci | grep -i vga 也可以使用 lshw 命令來獲取上述資訊: 命令: lshw -C display 類似如下輸出: VGA compatibl

生成環境的Tomcat 8.0.36 在CentOS7安裝配置apr

# cd /usr/local/src # wget http://apache.fayea.com//apr/apr-1.5.2.tar.gz # tar -xzvf apr-1.5.

Ubuntu安裝配置KVM

1、檢視CPU是否支援KVM 首先,要安裝 KVM必需要Linux系統所在CPU 是支援硬體虛擬化的,不然將無法正常使用。 在終端中執行如下命令進行驗證: egrep "(svm|vmx)" /proc/cpuinfo 如果有內容輸出,則說明支援。

window安裝配置maven環境

本文例項為大家分享了安裝和配置maven環境的具體步驟,供大家參考,具體內容如下 下載maven: 1.進入官網下載:http://maven.apache.org/download.cgi 注意事項:(截至目前2015年12月1日)最新版本的Maven3.3.9必須在JDK1.7

Apache Maven 在Windows 7安裝配置

注意:安裝Maven之前需要安裝JDK。 一.下載Maven 安裝包 apache-maven-3.5.4-bin.zip 二.解壓apache-maven-3.2.5-bin.zip 並拷貝到要放置的目錄 如:D:\apache-maven-3.5.4 三.配置環境變

Mac OS X安裝配置Maven

apache org 變量 .gz clas maven mac os strong nts 1、下載Maven 打開Maven官網下載頁面:http://maven.apache.org/download.cgi下載:apache-maven-3.5.0-bin.t

MySql8.0.11在windows安裝配置

一、下載: 解壓到想要的位置 二、配置 配置my.ini 沒有按網上的說法找到my.ini配置檔案的位置,C:\ProgramData下找不到MySQL資料夾。 於是複製了別人的一份my.ini到解壓後的資料夾下,似乎是優先生效的,沒有問題。 # Othe

Windows10安裝配置mxnet

只能用兩個字來形容,太噁心了,說到底還是自己智商不夠用。 參考的文件什麼的話直接看官網的 http://mxnet.readthedocs.org/en/latest/build.html 就行了,關鍵是我們來看一下具體需要什麼材料, 首先搞清楚我們的目標是得到一個動態

windows安裝配置git

摘自https://blog.csdn.net/exlsunshine/article/details/18939329 2、一般使用預設設定即可:一路next,git安裝完畢! 3、但是如果這時你開啟windows的cmd,在裡面打git命令會提示“不是內部或外部命

Mac環境安裝配置Python虛擬環境

如何搭建虛擬環境? 安裝虛擬環境的命令 : sudo pip install virtualenv sudo pip install virtualenvwrapper 如果沒安裝pip會出現 pip: command not found,此時需要進行 sudo

Apache Maven 在Windows安裝配置

上圖表示安裝成功; 四、配置本地setting.xml     1、在localRepository 新增 <localRepository>d:/.m2/repository</localRepository>     2、在mirrors標籤下新增:        <