使用react-native基礎環境搭建

Android Studio開發window環境搭建 

Android 開發環境搭建 

下載jdk 

在這裏你能夠點擊 [連接 ] 去下載 

操做步驟按照下圖進行操做

點進去之後是這麼個頁面

傻瓜式操做

接下來是配置環境變量

小娜搜索

變量名：JAVA_HOME
變量值：固然是你安裝的jdk目錄了

編輯Path變量值

在Path值的前頭加上 %JAVA_HOME%\bin;

CLASSPATH變量

看一下若是你的系統變量中沒有CLASSPATH變量，就新建一個輸入變量值 

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;複製代碼

測試

好了，如今咱們來測試一下咱們的環境變量是否配置成功 「開始」--「cmd」打開咱們的dos命了窗口輸入 

javac複製代碼

安裝Android Studio

地址： www.android-studio.org/

如今的安裝包通常沒有sdk安裝，直接下一步，不要慌

成功安裝後，

Android Studio配置

加載本地配置信息提示

剛開始打開的時候會問咱們是否加載本地的配置信息，其實就是android studio的配置環境信息等，若是你之前沒有用過，忽略掉就行了。直接按默認的點ok啓動android studio

接下來若是還有，直接Cancel

這時候咱們須要sdk

附上連接https://www.androiddevtools.cn/

安裝完之後是這個樣子

設置sdk的環境變量

設置adb環境變量【用來連接手機，這裏不過多闡述】

驗證

基礎環境以搭建完成

這裏須要着重強調必須node版本爲10以上

如何安裝node就不都在過多闡述

*** 安裝 react-native-cli ***

npm install -g react-native-cli複製代碼

安裝完成後，經過 react-native-cli -v 查看版本，肯定是否安裝成功

初始化項目

到指定目錄下，經過命令行初始化一個項目：

react-native init NewProject複製代碼

隨後開始初始化項目，下載資源：

運行項目

來到項目根目錄下，經過輸入以下命令來運行項目：

react-native run-android複製代碼

輸入命令後，項目開始初始化運行，運行過程當中會打開一個 node 服務窗口，以下所示：

而後從新輸入命令 react-native run-android 來初始化運行項目，程序首先會解壓 gradle 壓縮文件，第一次初始化可能須要一點時間：

初始化完成後，項目運行成功，能夠在手機上看到以下界面：