原文地址:戳这里
环境需求
1.安装Homebrew:
Homebrew是OS X的套件(包)管理器,我们可以通过它获取并且安装很多组件
安装方式:
1 |
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" |
2.安装npm 和 Node.js:
Node.js最好安装4.0及其以上更高版本,node安装成功后npm自动也就有了,直接下载安装Node.js,网址:https://nodejs.org/en/download/
3.安装WatchMan:
该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作.
安装方式:
1 |
brew install watchman |
注意:在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复:
1 |
sudo chown -R `whoami` /usr/local |
4.安装Flow:
flow是一个JavaScript的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误.
安装方式:
1 |
brew install flow |
1.安装React Native:
1 |
npm install -g react-native-cli |
iOS开发环境需求:Xcode 7 及其以上更高版本.
React Native的第一个应用
1.执行命令,生成一个工程:
1 |
react-native init 项目名称 |
注意:由于众所周知的网络原因,需要等待一段时间(具体视网络情况而定)。react-native命令行从npm官方源拖代码时会遇上麻烦,可以将npm仓库源替换为国内镜像:
1 |
npm config set registry https://registry.npm.taobao.org |
2.目录结构分析:
a)默认生成android和ios两个平台的原生项目;
b)其中,index.android.js和index.ios.js文件为Android和iOS的空壳应用文件;
c)此外,node_modules文件夹,是为Node.js存放和管理npm包资源,也包含React Native框架文件。
管理React Native库的版本
1.查看本地的React Native库的版本
1 |
react-native --version |
2.更新本地的React Native的版本
1 |
npm update -g react-native-cli |
3.查询react-native的npm包最新版本
npm包地址 :https://www.npmjs.com/package/react-native
1 |
npm info react-native |
4.升级或者降级npm包的版本:
1 |
npm install --save react-native@0.18 |
5.更新项目templates文件(可选):
新的npm包会包含更新在运行react-native init命令生成的一些动态文件,例如init创建项目的时候会生成iOS和Android的子项目,我们可以通过以下的命令进行获取最新的代码
1 |
react-native upgrade |