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

原文地址：戳这里

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!