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環境變數即可
下載地址:
安裝:
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 -