1. 程式人生 > >React Native 環境變數配置(window7)

React Native 環境變數配置(window7)

1、安裝Java

這裡需要注意對環境變數的設定,可以根據java -version來檢測一下

2、安裝SDK

這裡需要注意設定環境變數ANDROID_HOME:Android SDK Manager的位置 例如:(ANDROID_HOME=> E:\Android\sdk)設定環境變數PATH:例如:(PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)

3、設定SDK

  • 開啟Android SDK Manager。
  • 選中以下專案:
  • Android SDK Build-tools version 23.0.1
  • Android 6.0 (API 23)
  • Android Support Repository
  • Local Maven repository for Support Libraries

4、安裝node

node是基於js的,node.js輕量級的Web伺服器,想要是React Native跑起來需要安裝node, 如果沒有安裝node.js,先去官網安裝node.js,最好是4.1以上版本

下載node.js,找好對應的版本,然後去安裝就可以了。
大家可以通過node -v的命令來測試NodeJS是否安裝成功


5、安裝git

安裝React-native需要用到git,如果沒有配置git,需要先下載對應的客戶端,然後將git加入path環境變數即可
下載地址:

https://git-for-windows.github.io/
安裝:


6、安裝react-native命令列工具react-native-cli

git配置完成後可以clone React-native-cli了,建議大家到將react-native-cli克隆到某個盤,不要在c盤直接clone

1)   在命令列中進入你希望RN安裝的目錄

2)   輸入git clone https://github.com/facebook/react-native.git,等待下載



3)   進入剛剛目錄下的react-native目錄下的react-native-cli目錄,輸入npm install -g

這裡發現報錯了(如果沒有報錯,繼續) 解決辦法: 這是由於代理問題,在當前目錄下輸入:
npm config set registry https://registry.npm.taobao.org 
然後再重新載入 npm install -g
安裝好之後,可以命令列下就有react-native命令了

7、建立RN專案

進入你希望建立專案的目錄後,輸入react-native init AwesomeProject,等待一段時間(較慢)


成功之後,可能會有警告,有些是提示需要更新,但不影響(可選擇跳過)
目錄結構:

7、執行package

在命令列中進入專案目錄,輸入react-native start,等待一段時間:



7、執行專案

剛剛執行package的命令列不要關閉,重新cmd啟動一個新的命令列,

進入專案目錄,輸入react-native run-android


等待執行(如果是第一次執行,首先會下載gradle,時間較長)
如果之後報錯(成功請跳過): 這是sdk路徑沒有設定好,
(這時候請在你的android  專案下新增  )  
local.properties的內容是:(指明sdk的路徑)
sdk.dir=D\:\\androidSDK\\AndroidSDK
再次執行 執行成功後出現下圖:

如果出現:(說明找不到裝置,你可以使用手機連線電腦,使用手機來除錯)
第一次手機肯定報錯(如果出現白屏,需要在應用許可權開啟懸浮窗,並關閉程序後,重新進入)

這時候我們搖一搖手機,點選Dev Settings後,點選Debug server host & port for device,設定IP和埠

“搖一搖”這個動作在模擬器可以用ctrl+M (Menu)來調出Dev setting選單。


這裡的IP是電腦的IP,不知道的可以在命令列中輸入ipconfig進行查詢,埠號固定8081

設定完成後,回到空白頁面,再次搖一搖手機,選擇Reload JS,程式就執行起來,出現Welcome to React Native!

博主的方法,並根據自己的實際情況做了總結,實際在配置的過程中,稍有一個環節配置出錯都會有各種錯誤,大家一定要細心,如有其它問題,請在底下留言。

相關推薦

React Native 環境變數配置window7

1、安裝Java 這裡需要注意對環境變數的設定,可以根據java -version來檢測一下 2、安裝SDK 這裡需要注意設定環境變數ANDROID_HOME:Android SDK Manager的位置 例如:(ANDROID_HOME=> E:\Andr

android SDK安裝以及環境變數配置windows

一、下載安裝android SDK兩種方式:(1)官網下載(需翻牆):https://developer.android.com/studio/index.html (2)無需翻牆下載:http://www.androiddevtools.cn/找到SDK Tools,選擇下

JAVA-JDK配置-JDK下載安裝以及環境變數配置win10

1、 下載JDK安裝包 根據你的需求下載不同版本的jdk,下面簡單介紹一下Java SE、Java EE、Java ME三者的區別: 1. Java SE(Java Platform,Standard Edition)。Java SE 以前稱為 J

JAVA SE11環境變數配置Windows java.lang.ClassNotFoundException與java.lang.NoClassDefFoundError的區別 JavaSE學習總結——Java基礎

JAVA SE官網下載並執行jdk-11.0.1_windows-x64_bin.exe   配置環境變數示例 path C:\Java JDK;%JAVA_HOME%\bin JAVA_HOME   C:\Java JDK CLASSPATH &n

JDK 安裝與環境變數配置Win10

學習java的準備工作,首先需要安裝jdk(java development kit java開發工具包),以及配置相應的環境變數,在win10系統下步驟如下 1.JDK下載地址: 當前最新版本下載地址:http://www.oracle.com/technetwork/java/javas

JDK安裝與環境變數配置WIN7

1、 下載JDK,可直接百度搜2、 雙擊執行3、點選下一步4、路徑預設即可,無須改動點選下一步,安裝jdk5、路徑不需改動,點選下一步,安裝jre6、安裝完成,點選關閉7、安裝完成後在相應的安裝路徑下C:\ProgramFiles\Java,應包含兩個資料夾,如圖8、安裝完成

搭建React Native 環境變數配置

可根據這個配置:http://blog.csdn.net/wsdbssxq/article/details/53374486 填過的坑 1、gradle因為牆的問題,下載很慢,或者下載沒反應 在網上找並且下載,下載完把zip檔案放到瀏覽器獲取到當前本地的連結(類      

jdk環境變數配置參考自《瘋狂java講義》

做個記錄,免得每次配環境都要百度 環境變數的配置 path環境變數配置的作用:程式的執行需要使用外部指令javac, 但是javac指令僅僅能在JDK安裝目錄下的bin目錄下使用,因此程式只能寫入bin目錄程式開發過程中,不能將原始碼寫入JDK的安裝目錄,因此需要將源程式儲存在任意位置的

安裝JDK及環境變數配置Linux,Windows

一、Linux作業系統 1、到oracle官網下載JDK安裝包(Linux) 2、解壓安裝包 tar -zxvf jdk-8u172-linux-x64.tar.gz 3、配置環境變數 開啟 vi /etc/profile 檔案,將以下內容拷貝到profile檔案末尾

react-native 踩坑紀實1- 安裝環境

一、安裝環境 開發rn得裝個nodejs,我機器有,這一步就免了。然後開啟rn的官網 瞄了一下,官網的get start使用的是expo 來進行開發,這個東西我體會了一下就是能快速進入開發狀態。不用裝android-studio,手機裝一個Expo客戶端就直接能用,省

安裝JDK及環境變數配置MAC版本

1、訪問Oracle官網 http://www.oracle.com,瀏覽到首頁的底部選單 ,然後按下圖提示操作: 2.點選“JDK DOWNLOAD”按鈕: 3.選擇“Accept Lisence Agreement”同意協議: 4.點

JDK安裝及與環境變數配置親測有效

裝JDK 選擇安裝目錄 安裝過程中會出現兩次 安裝提示 。第一次是安裝 jdk ,第二次是安裝 jre 。建議兩個都安裝在同一個java資料夾中的不同資料夾中。(不能都安裝在java資料夾的根目錄下,jdk和jre安裝在同一資料夾會出錯)。 我的安裝目錄如下: 第一步

環境變數配置Java、Python、Tomcat、Maven

一、Java 變數 值 JAVA_HOME D:\Program Files\Java\jdk1.8.0_151 PATH %JAVA_HOME%\bin;

Java 環境變數配置以win 10為例

為了能在各個位置使用jdk中bin目錄下的可執行檔案,需要進行環境變數配置。本文以win10 系統為例 首先在官網下載jdk :https://www.oracle.com/technetwork/cn/java/archive-139210-zhs.html 進行安裝 安裝好

【Java入門】JDK安裝和環境變數配置Win7版

系統環境:Windows7 x64 安裝JDK和JRE版本:1.8.0_191   1、下載JDK安裝包 Oracle官網下載網址:https://www.oracle.com/technetwork/java/javase/downloads/index.html 選擇需要下載的JDK版

React Native for Android 實戰配置和起步

原文地址: http://www.csdn.net/article/2015-09-24/2825787-react-native Facebook開源React Native也勢要統一移動端程式語言,而其提前釋出React Native for Android更是引

Ubuntu 下jdk的環境變數配置解決了重啟電腦後失效的問題!

網上很多配置jdk環境變數的方法,但是幾乎都會下次重啟電腦就失效,或者時不時的失效。先解壓你在甲骨文下的jdk,我這裡以jdk1.7.0_25為例用如下命令建立jvm資料夾。sudo mkdir /usr/lib/jvm  然後把你解壓了的jdk複製到此資料夾sudo  cp

開源框架MXNet | 環境變數配置視訊記憶體

一般情況下,不需要修改有關環境變數的配置。但是一些特殊情況,需要修改的,就涉及到以下這些內容了: 在linux上最簡單的修改方式就是export MXNET_GPU_WORKER_NTHREADS=3

java 環境變數配置多個jdk設定

選擇 電腦--屬性--高階系統設定 -- 環境變數 使用者變數  JAVA_HOME = C:\Program Files (x86)\Java\jdk1.7.0 PATH 新增  ;%JAVA_HOME%\bin; 開啟命令視窗 java -version 配置系統變

mac下ant的安裝和環境變數配置3.0版本

建立專案環境配置: 1.在dos下新建專案 : cocos new test -p com.hj.test -l cpp -d D:\cocos2dx\cocos2d-x-3.0rc1\projects\hello(工程所在路徑) 2.生成android或 ios的APK: cocos run -