[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 

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

创建项目

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

npx react-native init AwesomeProject

运行项目

yarn react-native run-android

[React-native环境搭建-以及创建基本的项目]_第6张图片
项目启动成功

你可能感兴趣的:(pad开发,react,native,react.js,javascript)