您现在的位置:首页 >> 前端 >> 内容

前端开发之react-native项目快速搭建

时间:2017/12/16 11:28:41 点击:

  核心提示:前端开发之react-native项目快速搭建步骤:1.命令行指令:npm i react-native-cli -g 2.react-native init aaa 3.Android Studio...

前端开发之react-native项目快速搭建

步骤:

1.命令行指令:npm i react-native-cli -g 2.react-native init aaa 3.Android Studio 导入创建的aaa项目下的Android文件夹,在安卓模拟机里运行(Android Studio 安装参照官网)

步骤详解

1.安装react native cli

前端开发之react-native项目快速搭建

2.react-native init aa(项目名)

前端开发之react-native项目快速搭建

3.aa项目下的Android文件夹导入Android Studio

前端开发之react-native项目快速搭建

4.运行项目

前端开发之react-native项目快速搭建

5.创建模拟机,已有可直接用。这里我们创建一个新的模拟机(以下是成功的配置,供参考)

前端开发之react-native项目快速搭建

前端开发之react-native项目快速搭建

前端开发之react-native项目快速搭建

然后next 全部默认操作即可

前端开发之react-native项目快速搭建

选择虚拟机运行

前端开发之react-native项目快速搭建

前端开发之react-native项目快速搭建

项目搭建运行成功!!!!

官网太坑,在Android Studio耗费太多时间

作者:网络 来源:hflxia的博客