React-Native環境搭建及運行

必須安裝的依賴有：Node、JDK 和 Android Studio。

Node去官方下載，安裝一直下一步下一步就好，最好是改下安裝路徑。這里主要記錄JAVA JDK和Android Studio.

一.安裝JAVA JDK

JAVA和React Native沒有直接關系。React Native允許您僅使用JavaScript構建移動應用程序，它可以讓Android設備構建移動應用程序。?Android設備使用基于JAVA平臺的SDK。所以我們先下載JAVA SDK

1.首先去官網下載JDK：

JAVA JDK下載(注意，下載時需要登錄Oracle賬號，這個不需要用自己郵箱去注冊，注冊了也不能用，直接百度搜索下就能找到能使用的賬戶和密碼)，選擇想要的版本進行下載。我是window，選擇的windowsx64，版本建議不要使用太高的版本。可能會不支持。我這里下載的是8版本，下載時間可能會久一點，取決于當下的網路。

2.安裝

下載完成后雙擊運行，一直下一步。

3.配置環境變量

在完成安裝之后，此時的JDK還不能馬上使用，還需要配置環境變量。之前還是前端菜鳥，記得當時配置環境用了至少兩天時間。當時尤其是在配置環境變量時，出錯了很多次，所以剛入門的小同學可以看仔細嘍~我盡量寫清楚點。

(1)控制面板=>系統和安全=>系統=>高級系統設置=>最后點擊環境變量

(2)添加新的系統變量

在系統變量里面點擊新建，來創建一個新的系統變量。

變量命：JAVA_HOME(可以任意取名字，建議是這樣起名。)

變量值：取得是當時安裝jdk的目錄位置。

(3)在系統變量欄下找到?Path 變量，然后進行編輯=>新建=>添加兩個配置，分別是

D:\myfile\soft\java\jdk1.8.0_231\bin;

D:\myfile\soft\java\jdk1.8.0_231\jre\bin;

(4)新建系統環境變量CLASSPATH，值為.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;

(5)運行cmd 輸入 java -version?顯示版本信息就表示成功了。

二.安裝Android?JDK

1.首先去官網下載JDK：

點此下載Android Studio?確保在安裝 Android Studio 之前，已經安裝好 Java JDK

2.安裝

之后再雙擊打開

安裝完成后，在Android Studio的歡迎界面中選擇Configure | SDK Manager

在SDK Platforms窗口中，選擇Show Package Details，就可以看到每個版本里面的詳情內容。勾選根據自己需要的版本下載。(包很大，不建議全部勾選)

在Android 6.0 (Marshmallow)中勾選

1、Google APIs

2、Android SDK Platform 23

3、Intel x86 Atom System Image

4、Intel x86 Atom_64 System Image

5、Google APIs Intel x86 Atom_64 System Image

在"SDK Tools"選項卡，同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項，確保選中了 React Native 所必須的28.0.3版本。你可以同時安裝多個其他版本。

最后點擊"Apply"來下載和安裝這些組件,下載過程很緩慢。。。也和網絡速度有關。建議下班后不關電腦，直接讓它裝一晚上。。(記得充電呦~)

3.配置環境變量

經過漫長的安裝，終于到了配置android環境變量的時候了。

(1)控制面板=>系統和安全=>系統=>高級系統設置=>最后點擊環境變量

環境變量確保ANDROID_HOME指向你的SDK

(2)Android SDK的platform-tools、emulator、tools、tools\bin添加到PATH變量中

三.調試設備

1.模擬機

模擬機我個人是推薦使用夜神模擬機官方下載即可。安裝成功后，命令行連接模擬器(前提是配置了 adb 環境變量，或者到 sdk adb 目錄下運行)：看到 connected to 127.0.0.1:62001 時表示連接成功。

如何沒有，則首先在cmd中輸入ipconfig，看下自己的ip地址。然后cd到夜深模擬器中的bin 目錄，運行：adb connect 127.0.0.1:62001;將模擬器綁定ip后cd到rn項目文件夾下。

運行命令行：adb devices 查看是否有模擬器配置。

當前是有設備鏈接。

2.真機

手機數據線鏈接

四.初始化項目及運行

打開CMD,運行命令npm install -g react-native-cli下載react-native環境。

1.找個文件夾，運行命令，創建文件名稱，里面會包含基本頁面。

react-native init reactNativeDemo

2.到當前新創建的項目目錄下

cd?reactNativeDemo

3.啟動本地服務

react-native start

4.啟動本地模擬器，會自動安裝app應用apk包

react-native run-android

如果模擬機桌面沒有新建的項目apk包的話，需要從目錄中找到，放到模擬機桌面。E:\duojia\reactNativeDemo\android\app\build\outputs\apk\debug目錄下生成的.apk文件直接拖拽到模擬器中。

運行react-native run-android如果報錯如下(意思是沒有連接設備)

5.原因是需要設置模擬機的設備號和端口號。

設置好之后，返回重新按設置菜單選擇 Reload，并重新加載項目運行：

Reload之后項目即可以跑起來了，可以愉快的開發啦 ~? ?^_^

注：第一次啟動運行react-native run-android命令，以后再次啟動運行react-native start即可。

本文地址：https://blog.csdn.net/weixin_45851208/article/details/107091930

希望與廣大網友互動？？

點此進行留言吧！

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的adb native raact 夜神_React-Native安装及环境搭建（夜神模拟机运行）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。