React Native - Getting Started

欢迎来到React Native的世界!这篇文章将会告诉你怎么安装React Native,并立马带你飞起来!如果你已经安装了React Native,那你可以跳过这篇文章,直接看下一篇Tutorial。

由于开发系统的不同,以及不知道你是要iOS开发,还是Android开发,这个安装步骤是有点不一样。如果你既想要开发iOS又想要开发Android,好吧,你只要选择一个下手就好了,他们只是设置有点不一样。

以下操作都是是基于iOS系统,开发环境是基于Mac的。

环境为Mac+ iOS版

你需要装的东西有: Xcode, node.js, the React Native command line tools, and Watchman。
我们推荐通过Homebrew来安装node和watchman。

brew install node
brew install watchman

node自带npm,用npm我们可以安装 the React Native command line interface

npm install -g react-native-cli

如果你遇到权限错误,用sudo试试 sudo npm install -g react-native-cli.
安装Xcode的最容易的方法是通过 Mac App Store

测试你的 React Native 安装

用React Native command line tools(RN命令工具)生成一个新的RN项目,取名为“AwesomeProject”,然后在最新建立的文件夹里面运行命令 react-native run-ios

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

你应该看到在iPhone模拟器你的新App跑起来了,react-native run-ios只是运行你App的方法之一,你也可以直接用Xcode或者Nuclide来运行它。

修改你的app

现在你已经成功的运行起你的RN App了,让我们来修改它吧!

  • 用你选择的文档编辑器打开index.ios.js,并编辑几行代码。
  • 在你的iOS模拟器里同时按Command⌘ + R来刷新你的RN App,看看有什么变化。

这篇文章结束了!

恭喜!你已经成功运行并修改了你第一个RN App。

Paste_Image.png

现在做什么呢?

  • 如果你想要加这个新RN code 到一个已经存在的App中,这里有Integration guide
  • 如果你安装的时候出问题了,看这篇Troubleshooting
  • 如果你想更多的了解RN,那继续下一篇。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容