欢迎来到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。
现在做什么呢?
- 如果你想要加这个新RN code 到一个已经存在的App中,这里有Integration guide
- 如果你安装的时候出问题了,看这篇Troubleshooting
- 如果你想更多的了解RN,那继续下一篇。