# 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

检查是否安装成功

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

Android环境变量的设置

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

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

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

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

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

npx react-native init myApp

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

npx react-native run-android

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

React-Native 创建App项目相关推荐

  1. Android Studio打开React Native创建的项目

    1.点击 Import project 2.找到项目下android文件夹,选择build.gradle文件,open 转载于:https://www.cnblogs.com/lcyuhe/p/843 ...

  2. 如何用 React Native 创建一个iOS APP?(二)

    我们书接上文<如何用 React Native 创建一个iOS APP?>,继续来讲如何用 React Native 创建一个iOS APP.接下来,我们会涉及到很多控件. 1 AppRe ...

  3. 如何在React Native中构建项目并管理静态资源

    by Khoa Pham 通过Khoa Pham 如何在React Native中构建项目并管理静态资源 (How to structure your project and manage stati ...

  4. 使用 Agora SDK 开发 React Native 视频通话 App

    在 React Native 的应用中,从头开始添加视频通话功能是很复杂的.要保证低延迟.负载平衡,还要注意管理用户事件状态,非常繁琐.除此之外,还必须保证跨平台的兼容性. 当然有个简单的方法可以做到 ...

  5. React Native 系列(三) -- 项目结构介绍

    前言 本系列是基于React Native版本号0.44.3写的,相信大家看了本系列前面两篇文章之后,对于React Native的代码应该能看懂一点点了吧.本篇文章将带着大家来认识一下React N ...

  6. cordova 创建app项目,签名打包部署

    app签名打包 一.安装流程 1.JDK安装.JDK 8 [jdk-8u261-windows-x64.exe下载地址:https://www.oracle.com/java/technologies ...

  7. 这是我最喜欢的使用React Native创建生产级应用程序的技巧

    Trust me when I say this, React Native is hard. And it's not the usual hard of what we think hard is ...

  8. 使用React Native创建乘车预订应用程序

    在本教程中,我们将使用React Native和Pusher创建一个乘车预订应用程序. 我们将创建的应用程序将类似于流行的乘车预订应用程序,例如Uber,Lyft或Grab. React Native ...

  9. [React Native]使用App Center CLI发布CodePush更新--iOS简易版

    面向 用RN开发iOS的小伙伴,并且想使用RN的热更新功能,又不想在一大堆文档里翻来覆去的,可以看看这个简易版.觉得不错的话可以点个赞或关注.附上详细版. 主要步骤 安装App Center CLI: ...

最新文章

  1. 小米开源监控系统OpenFalcon应对高并发7种手段
  2. BZOJ 2429: [HAOI2006]聪明的猴子【最小生成树】
  3. Eclipse jar包打不进apk
  4. 英文期刊催稿信模板_手把手教你写投稿信,另附查尔斯沃思高质量模板
  5. Log4net核心组成
  6. mysql数据库教程全解_MySQL数据库基础教程详解
  7. Qt插件之Qt Designer插件实现
  8. 易懂 | 手把手教你编写你的第一个上位机
  9. Spring Boot 通过 Mvc 扩展方便进行货币单位转换
  10. POI解析Excel
  11. DOS命令字典..收藏
  12. 你听过“易语言”吗?
  13. 梅森数形如2 ​n ​​ −1的素数称为梅森数(Mersenne Number)。例如2 ​2 ​​ −1=3、2 ​3 ​​ −1=7都是梅森数。1722年,双目失明的瑞士数学大师欧拉证明了2 ​3
  14. python pdf解密脚本(pikepdf模块)
  15. Android 流量分析API
  16. idea如何全屏_IntelliJ IDEA(十) :常用操作
  17. 仿联想商城laravel实战---5、无刷新的增删改查(动态页面更新的三种方式(html))...
  18. 【Java】接口练习题
  19. Vue使用axios取消上一次请求
  20. 【复习笔记】电分-第二章-电力系统各元件特性及数学模型

热门文章

  1. sql server使用教程(图文)
  2. 智能推荐算法学习总括
  3. 小程聊微服务--微服务思想
  4. MySQL引擎和区别
  5. 关注物联网、关注NB-IoT
  6. Java常见面试题(三)
  7. PyCharm Community 2021.2 安装与汉化
  8. windows批处理bat脚本技巧
  9. win10彻底关闭休眠状态(1909以上版本)
  10. C语言中数据类型的相关定义与用法