美文网首页
创建react native项目并在genymotion上运行

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

作者: 懿小诺 | 来源:发表于2016-09-19 15:36 被阅读0次

    一、创建新项目并运行

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

    新建项目初始样子

    相关文章

      网友评论

          本文标题:创建react native项目并在genymotion上运行

          本文链接:https://www.haomeiwen.com/subject/gaknettx.html