React Native在Mac下环境搭建

开始了React Native在Mac下环境搭建。

其中要学的东西不少，网上关于React Native的介绍很多，这里不多说。

开始了React Native环境搭建。

• Html+CSS+JavaScript

React Native Mac环境的搭建

facebook官方的教程网站地址

1.安装 Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件

打开终端，执行命令

等待安装完成后

查看是否安装成功 brew -v

2.安装Node.js （服务端的JavaScript运行环境）

安装成功后,npm也有了。

(2)或者使用Homebrew安装Node.js

执行命令：brew install node

安装完node后建议设置npm镜像加速后面过程

3.安装React Native 命令行工具

React Native 命令行工具可以创建和初始化React Native的项目，还有其他打包等功能

终端命令 ：npm install -g react-native-cli

4. 安装WatchMan

Watchman是由Facebook提供的监视文件系统变更的工具。

终端命令：
brew install watchman

5. 安装Flow

Flow是一个静态的JS类型检查工具

终端命令：brew install flow

7.官方推荐IDE

• 下载解压安装，

• 点击菜单栏：Atom->Preferences,或者快捷键”Command+,”

• 然后，在Install Packets的输入框中，输入nuclide，选择出现的第一个，点击install

• 最后重启Atom。

创建项目

1.新建项目

让我们来个“hello world”

react-native init HelloWorld

执行命令

让我们来看下我们的helloworld工程

创建的项目包含Andriod和iOS两个版本

2.如果你直接用xcode打开.xcodeproj运行，你看到的将是这个

其间终端会运行，过程很慢啊。

React-Native服务在要一直开着

如果不小心关闭，执行终端命令

npm start

运行完才能看到效果: