开发环境搭建(RN中文网教程)

基础环境

配置JDK环境 略

配置NODE环境 略

安装Android Studio 配置android开发环境

安装Android Studio并不是要使用Android Studio进行开发。而是用来下载android SDK
环境变量
ANDROID_HOME : H:\Android\SDK
将ANDROID_HOME放到系统环境变量PATH 中
将ANDROID_HOME\platform-tools放到系统环境变量PATH 中

真机测试环境

测试ANDROID SDK 环境变量。 在命令行运行adb devices

image.png

在手机设置中配置开发者模式 开启USB调试。将手机通过usb连接电脑。应该会在手机提示 确认usb调试，同意即可。
再次执行adb devices

image.png

搭建项目

卸载旧的react-native-cli命令行工具，npm uninstall -g react-native-cli避免一些冲突。
初始化项目：npx react-native init AwesomeProject 或者 yarn react-native init AwesomeProject AwesomeProject 是项目名。

运行项目

等待命令执行完成后，使用命令行进入AwesomeProject目录。执行yarn react-native run-android

image.png

还会弹出一个node js的命令行窗口

image.png

运行项目遇到的问题

证书没接受问题： 解决方法

将解决办法备份一下

What went wrong:
A problem occurred evaluating root project 'android'.
A problem occurred configuring project ':app'.
   Failed to install the following Android SDK packages as some licences have not been accepted.
       build-tools;28.0.2 Android SDK Build-Tools 28.0.2
    To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
    Alternatively, to transfer the license agreements from one workstation to another, see http://d.android.com/r/studio-ui/export-licenses.html

windows下处理方法：
1、控制台到Android sdk的安装目录，例如默认目录（C:\Users\xxx\AppData\Local\Android\Sdk\tools\bin）
2、输入sdkmanager --licenses
上面就是有5个证书没有接受的意思，依次输入y即可