创建react native项目并在genymotion上运行

一、创建新项目并运行

1、新建项目

在计算机中新建一个文件夹存放工作文件（workspace），并打开终端，进入该文件夹目录下，创建新项目：本项目名为Test

react-native init Test           

Enter回车进行创建

//本文中编辑器用的是sublime，下载地址：

2、模拟器上运行项目

将创建的文件拖入该编辑器下：

目录和文件说明：

android目录是Android项目的目录，里面有Android Studio项目环境文件。

ios目录是iOS项目目录，是XCode项目环境文件。

index.android.js是Android入口文件。

index.ios.js是iOS入口文件。

node_modules是项目的依赖包，基于node文件依赖系统产生的，该目录中有react-native相关的依赖和其他的第三方lib

package.json是项目依赖包的说明文件，列举了依赖的包以及版本号等等信息。

执行Test项目：

第一步，开启安卓模拟器，使模拟器成为可用状态。

adb devices会列出当前可以使用的设备，如果列表为空，则后续的无法运行。第二步，开启一个命令行控制台，进入项目目录，react-native start

如下图：

开启jsbundle服务器

第三步,再开启一个新的命令行控制台，进入项目目录

react-nativerun-android将项目安装在模拟器上，如下图：

新建项目初始样子