基础入门/环境搭建http://www.reactnative100.com/
欢迎使用 React Native! 这一节讲帮助您在您的系统上安装和搭建 React Native 环境 ,以便于让您可以快速上手使用。如果你已安装过 React Native 可跳过本节教程.
根据您的操作系统环境,安装是有所不同的。如果你想同时开发iOS和Android也是可以的。您只需要选择你所有的操作系统安装即可,另外的系统只是稍微的不同而已。请在下方选择你所有的操作系统。
移动操作系统:
Windows + Android
你需要 Node.js, React Native 命令行工具, Watchman, and Android Studio.
建议先安装 Chocolatey , 在使用 Chocolatey 来安装 Node.js 和 Python2 , Chocolatey 是Window上主流的包管理工具 , cmd 打开命令行并运行:
choco install nodejs.installchoco install python2
npm 是 Node 下包管理工具,我们可以通过 npm 来安装 React Native命令行工具.
npm install -g react-native-cli
下载安装 install Android Studio.
如果你打算改变 Java 代码, 我们建议使用 Gradle Daemon 加快速度.
测试一下你的 React Native 环境
使用 React Native 命令行工具创建一个新项目,项目名称为 "AwesomeProject",等待创建成功后,在这个文件夹内输入 react-native run-android
在Android端进行.
react-native init AwesomeProjectcd AwesomeProjectreact-native run-android
稍等片刻就可以在模拟器上看到你的应用程序 .
一个常见问题,如果
react-native run-android
不能正常启动,你可以尝试使用react-native start
来启动.
如果因为太长时间的加载而出现错误, 可以尝试增加此 文件 中的超时. (你的
node_modules/react-native/
).
修改或者更新你的 App
现在你的 APP 应该已经运行起来了, 那么让我们修改一下.
打开
index.android.js
文件,最好使用编辑器.打开模拟器,然后点击键盘双击
R
或从开发菜单中选择Reload
进行刷新 !
还不赖!
恭喜你! 你已经成功运行并修改了你的第一个 React Native App.
现在做什么?
如果你想将新的代码集成到现有的应用程序中 , 请浏览 集成指南.
如果你出现了一些错误 , 不能解决 , 请查看 错误排除 界面.
如果你想了解更多 React Natice 的知识 , 请继续浏览 文档.
http://www.reactnative100.com/
本文暂时没有评论,来添加一个吧(●'◡'●)