初识react---环境的搭建

首先是安装必要的软件管理工具

Home-brew(mac 系统的包管理工具，用来安装Node js 和一些其他的软件工具)

打开终端输入以下指令：

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

PS：home-brew 的简单实用

搜索软件：brew search 软件名 如 brew search wget

安装软件：brew install 软件名 如 brew install wget

卸载软件：brew remove 软件名 如brew remove wget

更多的？自己去官网挖吧 http://brew.sh/index_zh-cn.html

然后是安装 node js

同样是在终端里输入以下指令：

wangchenglong$ brew install node

等待下载 安装。

==> Summary

🍺  /usr/local/Cellar/node/6.4.0: 3,829 files, 39.9M, built in 15 minutes 2 seconds

出现这样的字样 说明你的node 已经安装到你的电脑里面了😄

React Native的命令行工具（react-native-cli）

React Native的命令行工具用于执行创建，初始化，更新项目，运行打包服务（packager）等任务

安装指令：npm install -g react-native-cli

执行下面的指令就会出现

react-native init AwesomeProject

会出现下面的代码

This will walk you through creating a new React Native project in /Users/wangchenglong/AwesomeProject/AwesomeProject

Installing react-native package from npm…

看你网速的时候到了。

因为国内有墙的原因 所以会比较慢

To run your app on iOS:

cd /Users/wangchenglong/AwesomeProject/AwesomeProject

react-native run-ios

- or -

Open /Users/wangchenglong/AwesomeProject/AwesomeProject/ios/AwesomeProject.xcodeproj in Xcode

Hit the Run button

To run your app on Android:

Have an Android emulator running (quickest way to get started), or a device connected

cd /Users/wangchenglong/AwesomeProject/AwesomeProject

react-native run-android

最终嫩 会出现上面灰色的代码。

说明你的React Native 工程创建完成

去目录下找到工程 点击 iOS/AwesomeProject.xcodeproj 文件 运行Xcode 就可以了。