在Windows下搭建React Native Android開發環境&搭建項目

glumes 發布于2019-07-31 11:25 / 2335人閱讀

摘要：配置安卓環境下載安裝就是下一步下一步安裝完成點擊，然后點擊在中選擇選項卡，然后在右下角勾選。

說明：

Windows下搭建React Native Android開發環境和基本的React Native項目搭建

環境變量添加控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環境變量 -> 新建

項目搭建調試方式采用真機調試，如需使用 Android 模擬器

參考文檔 https://reactnative.cn/docs/g...

一、環境搭建 1.安裝的java jdk

Java JDK官網
安裝就是下一步下一步下一步

1.1修改環境變量，新增JAVA_HOME的系統環境變量，值為C:Program Files (x86)Javajdk1.8.0_112，也就是安裝JDK的根目錄

1.2修改系統環境變量Path，在Path之后新增%JAVA_HOME%in;%JAVA_HOME%jrein;

1.3新建系統環境變量CLASSPATH，值為.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;

1.4保存所有的系統環境變量，同時退出系統環境變量配置窗口，然后運行cmd命令行工具，輸入javac，如果能出現javac的命令選項，就表示配置成功！

2安裝Node.js環境

node.js中文網
安裝就是下一步下一步下一步

2.1注意：需要安裝最新的長期穩定版本，不要實驗版本；安裝完畢之后的node.js會自動配置到全局系統環境變量中

安裝完畢后，可以輸入node -v查看node版本號；

3.安裝C++環境 3.1大多數情況下操作系統自帶C++環境，不需要手動安裝C++環境；

如果運行報錯，則需要手動安裝visual studio中的C++環境；

4.安裝Git環境（一個可選的操作）

Git官網

4.1Git安裝完畢后，會自動配置到系統環境變量中；

可以通過運行git --version來檢查是否正確安裝和配置了Git的環境變量；

5.安裝Python環境

這里選擇2.7版本python官網

5.1注意：安裝Python時候，只能安裝2.×的版本，注意勾選安裝界面上的Add Python to path，這樣才能自動將Python安裝到系統環境變量中；

5.2安裝完畢之后，注意應該以管理員身份在命令行中運行python，檢查是否成功安裝了python。

6.配置安卓環境

Android Studio下載
安裝就是下一步下一步

6.1安裝完成點擊"Configure"，然后點擊"SDK Manager"

6.2在 SDK Manager 中選擇"SDK Platforms"選項卡，然后在右下角勾選"Show Package Details"。展開Android 6 勾選圖中標注的2選項，展開Android 9 (Pie)勾選圖中標注的3選項

6.3在 SDK Manager 中選擇"SDK Tools"選項卡,勾選圖中標注的1的選項

6.4在 SDK Manager 中選擇"SDK Tools"選項卡,然后在右下角勾選"Show Package Details",選中圖2所需包

勾選完成點擊安裝

6.5配置安裝環境變量：在系統環境變量中新建ANDROID_HOME，值為android SDK Manager的安裝路徑C:Android，緊接著，在Path中新增`;%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools;

二、初始化項目 1.初始化一個項目

注意：項目名必須是英文，且項目存放文件夾路徑不得有中文

react-native init 項目名

2.看到如下圖表示初始化一個項目完成

3.使用 adb devices 查看是否有設備連接

3.1使用數據線，把手機鏈接到電腦上； 3.2運行 adb devices 的命令，這個命令，是安卓開發環境提供的； 3.3需要先開啟手機的開發者模式，如果開啟開發者模式之后，還是看不到設備，則嘗試安裝豌豆莢這樣的工具，讓這些工具幫助你在電腦上安裝手機的驅動； 4.首先cd切換到當前項目目錄然后輸入打包編譯命令 react-native run-android 4.1打包運行項目，把打包好的項目部署到手機中！

確保手機已經正確的鏈接到了當前電腦上，同時手機開啟了開發者調試模式；可以使用adb devices來查看當前鏈接到電腦上的手機設備列表！

當確認手機正確鏈接到電腦上之后，可以運行react-native run-android來打包當前項目，并把打包好的項目以調試的模式安裝到手機中！

5.React Package窗口的作用

云服務器 GPU云服務器 windows下搭建linux開發環境 windows下搭建hadoop開發環境在windows系統下搭建私有云 android開發環境搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/45088.html

在Windows下搭建React Native Android開發環境，android開發mvp模式

摘要：在這個過程中可能會出現一些問題，導致失敗你沒有配置需要再系統變量中加入這個，指到目錄。所以面試沒有其他的訣竅，只看你對這些知識點準備的充分程度。本文已被開源項目學習筆記總結移動架構視頻大廠面試真題項目實戰源碼收錄在這個過程中可能會出現一些問題，導致build失敗： 1. 你沒有配置ANDROID_HOME,...

番茄西紅柿 2021-11-29 10:50 評論0 收藏2637
windows系統安裝配置react-native運行環境

摘要：把目錄添加到環境變量中打開控制面板系統和安全系統高級系統設置高級環境變量，選中變量，然后點擊編輯。最近公司要開發react-native項目，自己在windows系統上練習了一下，過程中發現好多問題，在這里整理出來供大家參考；一、首先來看一下reactNative官網官網上的教程很詳細，介紹了IOS和Android的環境搭建、示例教程等等，建議大家先按照官網的環境搭建教程嘗試搭...

SunZhaopeng 2019-08-16 15:25 評論0 收藏0
windows系統安裝配置react-native運行環境

摘要：把目錄添加到環境變量中打開控制面板系統和安全系統高級系統設置高級環境變量，選中變量，然后點擊編輯。最近公司要開發react-native項目，自己在windows系統上練習了一下，過程中發現好多問題，在這里整理出來供大家參考；一、首先來看一下reactNative官網官網上的教程很詳細，介紹了IOS和Android的環境搭建、示例教程等等，建議大家先按照官網的環境搭建教程嘗試搭...

sixgo 2019-07-31 10:06 評論0 收藏0