create-react-native-app, 在任何没有构建配置的操作系统上,创建一个React native应用程序

分享于 

8分钟阅读

GitHub

  繁體 雙語
(PREVIEW) Create a React Native app on any OS with no build config.
  • 源代码名称:create-react-native-app
  • 源代码网址:http://www.github.com/react-community/create-react-native-app
  • create-react-native-app源代码文档
  • create-react-native-app源代码下载
  • Git URL:
    git://www.github.com/react-community/create-react-native-app.git
    Git Clone代码到本地:
    git clone http://www.github.com/react-community/create-react-native-app
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/react-community/create-react-native-app
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    创建React native应用程序

    Backers on Open CollectiveSponsors on Open Collectivenpm version

    创建无生成配置的本地应用程序。

    当你启动并运行React本地应用程序,访问本教程了解有关构建具有本机应用程序的应用程序的更多信息。

    快速概述

    确保已经安装 node v6或者更高版本。 不需要Xcode或者 Android Studio 安装。

    $ npm install -g create-react-native-app
    $ create-react-native-app my-app
    $ cd my-app/
    $ npm start

    通过安装你的iOS或者Android手机上的应用程序,在终端中使用QR码打开你的应用程序。 在应用程序的项目选项卡上找到QR扫描器。 当准备与他人共享项目时,请阅读用户指南的共享&部署部分。

    创建React原生应用程序允许你与所有的组件和 api ( 在本机应用程序所提供的大多数JavaScript api ) 中工作。

    启动

    安装

    全局安装一次:

    $ npm install -g create-react-native-app
     # or$ yarn global add create-react-native-app

    你的机器上需要有 node v6或者更高版本。 我们强烈推荐使用 npm。v4或者最新版本的纱线。 Create ( 你可以在这里跟踪问题。) 中的Bug,创建的本地应用程序当前不能与 npm v5一起工作。

    创建应用程序

    要创建新应用程序,请运行:

    $ create-react-native-app my-app
    $ cd my-app

    这将在当前工作目录中创建一个名为 my-app inside的目录。 inside my-app,这将生成初始项目结构并安装它的所有依赖项。

    如果你熟悉本地化的React,你将不会在本项目中找到任何 ios 或者 android 目录,只是 JavaScript。 完成安装后,你可以在项目目录中运行一些命令:

    npm start

    使用交互式提示在开发模式下运行你的应用程序。 若要不提示运行它,请使用 --no-interactive 标志。

    世博会应用程序打开它,在你的手机上查看它。 如果保存对文件的编辑,它将重新加载,并且会在终端中看到生成错误和日志。

    npm test

    在你的测试中运行 测试 runner。

    npm run ios

    如同 npm start,但是如果你在Mac模拟器中,并且已经安装了它,也尝试在iOS模拟器中打开。

    npm run android

    npm start,但也试图打开你的应用程序在连接的Android设备或者 模拟器。 需要安装Android构建工具(。有关详细信息,请参阅React native文档 )。

    npm run eject

    这将启动"推出"从创建应用程序脚本的本地生成的过程。 你会被问到关于如何构建你的项目的几个问题。

    警告: 运行弹出是一个的永久动作。 请使用版本控制系统,如 git,以便在必要时恢复。 弹出应用程序需要你拥有一个 Xcode和/或者 Android Studio 环境设置。

    哲学

    • 最小"时间到 Hello World": 创建本地应用程序应该减少尝试构建移动应用程序到绝对最小的安装时间,理想情况下,它与响应web开发( 特别是在创建 React App )的时间一致。
    • 在设备上开发 : 当你想测试你的应用程序如何感觉和响应输入时,它应该很容易在一个物理设备上开发。
    • 一个构建工具: 你只需要开始对本机的响应,就不需要安装 Xcode。Android Studio。NDKs或者 mess。
    • 如果你需要编写自定义本机代码或者修改应用程序的生成方式,你可以在中不锁定lock以创建自己的build。

    支持和联系

    如果你在创建本机应用程序时遇到问题,请确保:

    在文档中打开了新的GitHub问题,或者在 Reactiflux上使用查找 @dika10sune,或者在上打开 ping dikaiosune,或者在不一致的地方使用 ping。 如果你在 public的位置上做了一些特别重要的事情,请不要直接DM或者电子邮件项目维护人员,因为支持发生在的位置,其他。

    常见问题解答

    :开发时应该考虑什么API规范

    通过创建React应用程序生成的应用程序支持的组件和api部分中的所有内容,这些内容都是针对本地文档的。

    通过创建原生应用程序生成的应用程序也支持SDK插件提供的大多数 JavaScript-to-Native api,因为它们都是由世博会应用程序加载的。

    :创建本地应用程序的限制是什么

    创建React本地应用程序的主要限制是必须以纯JavaScript编写,而不依赖于自定义本机代码( 例如 )。 需要运行 react-native link 才能工作的用户。 这使得项目可以直接在没有本地编译的手机上加载,而且也意味着不需要安装或者使用 Android Studio 或者 Xcode。

    如果我想为我的应用程序编写自定义本机代码,那又该怎么办?

    如果你确定需要自定义本机代码,请阅读弹出指南

    如何让我的应用程序进入 Play store/App Store?

    If build APKs和/或者Play商店发布到 App Store 和/或者Play商店,你可以推出( 查看 上面 指南) 并使用 Android Studio 和构建你的纯JS应用程序,这样你就可以使用和。

    捐赠将在 3-clause BSD许可协议下许可。 请 fork 在一个特性分支上执行你的工作,并从你的fork 分支提交一个of请求。

    有关设置开发环境和测试更改的详细信息,请参阅 CONTRIBUTING.md

    贡献者

    这个项目已经存在,因为所有的人都。 [ Contribute ]。

    支持者

    感谢我们所有的支持者 !


    相关文章