创建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将项目安装在模拟器上,如下图:

新建项目初始样子
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,815评论 25 709
  • 房尖顶,尝试调整自己,容易感情用事。门打开,有创造力,坚持自己的意见,有勇气做不平常的事。性格比较独立,执着,随性...
    小际阅读 1,696评论 3 1
  • 咏桂花 青剪寒香琢玉资,蟾宫应恨坠瑶姬。 三生石若怜花地,不予春风觅桂芝。
    一叶纤尘阅读 3,308评论 3 2
  • 岁月是一只猫,“喵”的一声就不见了踪影。。。
    飞水飞释阅读 682评论 0 0