文章目录
  1. 1. 环境需求
  2. 2. React Native安装
  3. 3. React Native的第一个应用
  4. 4. 管理React Native库的版本

环境需求


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

React Native安装


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
2
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

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
文章目录
  1. 1. 环境需求
  2. 2. React Native安装
  3. 3. React Native的第一个应用
  4. 4. 管理React Native库的版本