栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

React Native开发/运行环境搭建

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

React Native开发/运行环境搭建

一、React Native概述

 React是一个构建用户界面的JS框架,实现了数据的响应式和组件化开发,本身既可以用于Web网站项目,也可以用于创建移动端App项目。

 相较于Vue.js在移动端只能构建WebApp,React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native,可以这样说:“RN是React生态圈可以傲视其它对手的绝对功臣”。

原理:RN应用中的JS代码,在开发运行阶段会被编译为原生的Java或OC代码

 RN英文官网:https://reactnative.dev/

 RN中文网:https://www.react-native.cn/

 最新版本: 0.67

创建一个RN空白脚手架项目

1.安装Node.js 和JDK

 官网详细说明:https://www.react-native.cn/docs/environment-setup

安装Node.js(V12+)和JDK(V11+)

                node  -v

                javac  -version

JDK下载地址:     https://423down.lanzouo.com/iFuI6yyvnyb

一路“Next”即可完成安装

2.下载安装Android Studie

下载地址:https://developer.android.google.cn/studio/

一路“Next”即可完成安装,完成后默认会启动AndroidStudio

 3、运行Android Studio,安装Android SDK——开发Android应用必需的模块(类似于node_modules

4.配置系统变量 :创建ANDROID_HOME.修改Path

可能形如:

C:/Users/用户名/AppData/Local/Android/Sdk

也可能形如:

C:Users用户名Downloadsadt-bundle-windows-x86_64-20130522adt-bundle-windows-x86_64-20130522sdk

5.下载EN脚手架工具,创建空白项目:npx react-native init 项目名

6.编译EN项目,得到aok文件,npx react-native run -android

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/777897.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号