[React-native环境搭建-以及创建基本的项目]

React-native 简介

React Native 是一个使用React和应用平台的原生功能来构建 Android 和 iOS 应用的开源框架。通过 React Native,您可以使用 JavaScript 来访问移动平台的 API,以及使用 React 组件来描述 UI 的外观和行为:一系列可重用、可嵌套的代码。

安装依赖

必须安装的依赖有:Node、JDK 和 Android Studio。
node 官网下载就可以了
这里主要说一下 JDK 和 Android Studio 的安装,一开始我在学习java 的时候 安装的是JDK1.8 版本的 ,但是在运行项目的时候会报错
报错内容大致是 项目所需要的JDK是11 版本的,但是我安装的是8 版本的
后来找到一个命令

npx react-native doctor 

这个命令可以检查安装的各种依赖是否符合运行一个项目所需要的标准
在这里插入图片描述
可以根据命令自动安装 ,安f 键或者e 键 去修复问题或者错误。这样JDK可以自动安装成功。
再说Android Studio,也是官网下载,可以在这里看安装教程,安装完成根据教程还需要配置环境变量,然后在Android Studio下载组件,如图所示
在这里插入图片描述
在这里插入图片描述
组件下载完成还需要安装模拟器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
next 安装即可,因为我自己做的是pad开发 ,可根据自己的项目选择不同的模拟器。

创建项目

因为本人习惯于vsCode 运行项目,所以在VS Code 创建项目

npx react-native init AwesomeProject

运行项目

yarn react-native run-android

在这里插入图片描述
项目启动成功

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值