irpas技术客

React Native搭建开发环境_臧小川

irpas 3172

搭建环境的时候遇到很多坑~ 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 2.5 点击 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


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #React #Native搭建开发环境 #搭建环境的时候遇到很多坑 #node版本问题 #Android #JAVA