# React-Native 创建App项目

环境搭建

概述

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

安装环境介绍

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

Node的安装

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

Yarn的安装

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

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

检查是否安装成功

1
yarn - v

效果如下:

在这里插入图片描述

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![在这里插入图片描述](https://img-blog.csdnimg.cn/c6117fe7f4524ebd9eb9ceb702db1eb8.png)

Android环境变量的设置

还是和java环境变量设置的差不多
在这里插入图片描述
在这里插入图片描述

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

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

2.一般的手机设置中可以直接找到开发者选项进行开启,如果找不到,百度一下
3.手机连接电脑成功后,运行检测命令 adb devices
在这里插入图片描述
4.运行 npx react-native init 项目名称 命令会初始化一个react-native项目,需要联网下载依赖包

1
npx react-native init myApp

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

1
npx react-native run-android

6.手机出现如下画面,说明打包成功
在这里插入图片描述

文章作者: Mr. Fortunate
文章链接: https://www.fortunate.cool/2023/04/09/React-Native%20%E5%88%9B%E5%BB%BAApp%E9%A1%B9%E7%9B%AE/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 fortunate

评论