搭建環境的時候遇到很多坑~ node版本問題 Android Studio安裝等等問題~~~
安裝的最新穩定版 node:v16.13.0
為了演示重新安裝了一下 可能會導致 安裝步驟沒有完全顯示

安裝依賴
必須安裝的依賴有:Node、 Java SE Development Kit (JDK)和 Android Studio,
node、JDK:提取碼:6qm9、
android-studio
java環境變數:安裝好JDK 新創建一個系統變數
然后在系統變數中 PATH 添加
%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin
注意:不要使用 cnpm!cnpm 安裝的模塊路徑比較奇怪,packager 不能正常識別!
# 使用nrm工具切換淘寶源
npx nrm use taobao
# 如果之后需要切換回官方源可使用
npx nrm use npm
1. 安裝 Android Studio
新建檔案目錄結構
D:\Android
D:\Android\Android studio
D:\Android\SDK

1.下載好 Android Studio 檔案后以管理員身份運行

2.點擊Next

3.點擊Next

4.點擊install

5.點擊Next

6.點擊 Finish

7.Cancel

8.Next

9.路徑切換到D:\Android\SDK Next

10.Finish

11.Finish

2. 安裝 Android SDK

Android Studio 默認會安裝最新版本的 Android SDK,目前編譯 React Native 應用需要的是Android 10 (Q)版本的 SDK(注意 SDK 版本不等于終端系統版本,RN 目前支持 android 4.1 以上設備),你可以在 Android Studio 的 SDK Manager 中選擇安裝各版本的 SDK,
你可以在 Android Studio 的歡迎界面中找到 SDK Manager,點擊"Configure",然后就能看到"SDK Manager",
1.點擊 Configure, 然后選擇 SDK Manager








3.配置 ANDROID_HOME 環境變數
React Native 需要通過環境變數來了解你的 Android SDK 裝在什么路徑,從而正常進行編譯,
打開控制面板 -> 系統和安全 -> 系統 -> 高級系統設定 -> 高級 -> 環境變數 -> 新建,創建一個名為ANDROID_HOME的環境變數(系統或用戶變數均可),指向你的 Android SDK 所在的目錄(具體的路徑可能和下圖不一致,請自行確認):

4. 把一些工具目錄添加到環境變數 Path
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
創建新專案
必須要看的注意事項一:請不要在目錄、檔案名中使用中文、空格等特殊符號,請不要單獨使用常見的關鍵字作為專案名(如 class, native, new, package 等等),請不要使用與核心模塊同名的專案名(如 react, react-native 等),
必須要看的注意事項二:請不要在某些權限敏感的目錄例如 System32 目錄中 init 專案!會有各種權限限制導致不能運行!
必須要看的注意事項三:請不要使用一些移植的終端環境,例如git bash或mingw等等,這些在windows下可能導致找不到環境變數,請使用系統自帶的命令列(CMD或powershell)運行,
npx react-native init AwesomeProject
編譯并運行 React Native 應用
確保你先運行了模擬器或者連接了真機,然后在你的專案目錄中運行yarn android或者yarn react-native run-android:
cd AwesomeProject
yarn android
# 或者
yarn react-native run-android
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/354674.html
標籤:其他
