Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和 调试React Native应用。
点击这里阅读Nuclide的入门文档。
译注:我们更推荐使用WebStorm或Sublime Text来编写React Native应用。
iOS环境
1、安装Homebrew ,终端输入:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" ,按回车
注意:在安装的时候会遇到/usr/local没法读写(macos10.11以上,有一个Rootless机制,防止恶意程序的最后防线),可以使用
sudo chown -R `whoami` /usr/local
建议:
a.使用 sudo chmod 777 /usr/local ,设置最大权限
b.关闭Rootless机制
1>将电脑重启按住CMD+R 进去恢复模式
2>进入恢复模式后,打开终端,输入: $csrutil disable 关闭 $csrutil enable 打开Rootless
2、安装nodejs
或者 命令安装: brew install node
安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!
npm config set registry https://registry.npm.taobao.org --global
3、安装Watchman
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
brew install watchman
目前最新版为4.7.0版本
4、安装Flow
Flow是一个静态的JS类型检查工具。译注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)
brew install flow
安卓的环境
1、安装Java环境
2、安装Android Studio
React Native目前需要Android Studio2.0或更高版本,下载地址:https://developer.android.com/studio/install.html
Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中输入
javac -version
来查看你当前安装的JDK版本。如果版本不合要求,则可以到 官网上下载。
现在Android Studio最新版是2.3.3,安装即可
3、配置Android 的环境变量
4、安装Android的模拟器
5、补充安装eclipse(与RN无关)
补充安装apache-Tomcat
初始化第一个RN项目
react-native init helloWorld
打开Android Studio ,找到Android工程,等待安装Android的SDK