React-Native 创建App项目_reactnative-app

# React-Native 创建App项目

环境搭建

概述

• RN的官方网站
• 百度+谷歌

安装环境介绍

• 操作系统：win10系统
• 手机：安卓手机真机一部或夜神模拟器
• 必须安装的依赖有：Node,JDK,Yarn,Android SDK,Python2

Node的安装

• 先到官网去下载node版本（使用nvm工具安装也可以）
• 可以下载最新的稳定版
• 以管理员的身份安装

Yarn的安装

Yarn是Facebook提供的代替npm的工具，可以加速node模块的下载

npm install yarn -g //使用npm全局安装yarn
1

检查是否安装成功

yarn -v
1

效果如下：

JDK的安装与配置

安卓系统的APP离不开JAVA环境，需要下载安装JDK（11版本的）

需要注意的是点击下载之后，或跳转到一个Oracler的登陆页面，得登陆之后才可以下载，如果没有账号可以注册一个，下载完毕之后，以管理员身份打开安装

JDK的环境变量配置

1. 右键我的电脑，点属性

2.然后点击高级系统设置，在弹出来的对话框点击高级，再点击环境变量

3.在弹出来的对话框中设置如下

4.在系统变量当中找到path项打开，单击下面的编辑，在弹出框中设置如下5.检查是否安装完成，打开命令行终端，使用命令java与javac检测一下

Android SDK的下载与安装

我们直接去下载android sdk并进行必要的配置

1.去这个https://www.androiddevtools.cn/ 官网下载

以管理员的身份进行安装
2.下载依赖选项



![在这里插入图片描述](https://img-blog.csdnimg.cn/d73cee7e427548b

Android环境变量的设置

还是和java环境变量设置的差不多

初始化项目和打包APP到手机上

1.准备一个android手机，通过数据线连接到电脑，设置启用use调试

2.一般的手机设置中可以直接找到开发者选项进行开启，如果找不到，百度一下
3.手机连接电脑成功后，运行检测命令 adb devices

4.运行 npx react-native init 项目名称 命令会初始化一个react-native项目，需要联网下载依赖包

npx react-native init myApp
1

5.使用cd myApp 命令进入此项目的文件夹，确保手机连接下，再输入命令

npx react-native run-android
1

6.手机出现如下画面，说明打包成功