使用React Navtive框架准备工作

1，首先mac安装 Homebrew，当然也可以直接在终端中执行

http://brew.sh/可以在这里找到下面该连接

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

　　

安装成功之后，然后用brew命令来安装Node.js

然后安装 watchman（Facebook推出的文件改动监听器）:

brew install watchman

React Native通过watchman来监视代码文件的改动并适时进行编译。这就好比Xcode，它会在每次文件被保存时对文件进行编译。

 

然后用npm命令安装React Native 的CLI工具：

npm install -g react-native-cli

在安装有时会遇到需要管理员权限，此时输入

sudo npm install -g react-native-cli

　　

这个命令通过Node Package Manager来下载和安装CLI工具，npm是一个类似CocoPods或Carthage工具。

定位到要创建React Native 项目的文件夹，使用CLI工具创建一个新的React Native项目：

react-native init PropertyFinder

　　

这将创建一个默认的React Native项目，其中包含有能够让React Native项目编译运行的必要内容。

在React Native项目文件夹中，有一个node_modules文件夹，它包含React Native 框架文件。此外还有一个 index.ios.js 文件，这是CLI创建的脚手架代码。最后，还有一个Xcode项目文件及一个iOS文件夹，后者会有一些iOS代码用于引导React Navtive App。

打开Xcode项目文件，build&run。模拟器启动并显示一句问候语

注意，如果react-native init 项目的时候出现卡顿

cd ~/

vim npmr 进入后将

registry=https://registry.npm.taobao.org   淘宝镜像写入后保存，然后在执行

 

转载于:https://www.cnblogs.com/zcw-ios/articles/4872452.html