徒手生撸教你如何解锁React-Native史诗级成就“Hello World”

首先我们来看一下要实现一个RN的“Hello World”，我们都需要哪些必备要素。

小明：“我们需要一个电脑” 。 “嗯。。。。，小明请你帮忙在门外面，把门关上”。

好了，言归正传，咱们来列一下。

1.homebrew安装

2.nodejs安装

3.rn脚手架安装

4.初始化项目

5.运行项目

那么咱们来看第一步，homebrew安装：

打开一个终端窗口，输入：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装过程很简单，那么这个东西到底是干什么用的呢，官网给出的解释是 "使用 Homebrew 安装 Apple 没有预装但 你需要的东西。"，说白了就是一个命令行的工具，我可以实用brew install的命令安装一些我们需要的第三方程序。

但是并不是安装完成后就能马上使用，安装成功后需要执行一次 brew update进行一次版本更新。

homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题，我们可以执行 sudo chown -R whoami /usr/local来给解决权限问题。但是OS X11 可能无法执行本命令，需要重启mac按住 Command+R，进入恢复模式，打开Terminal，执行命令csrutil disable。

历尽千辛万苦，我们终于完成了homebrew的安装，接下来我们需要搭建nodejs开发环境，在这里可以简单粗暴的在官网下载一个nodejs安装包，然后一路下一步，有了之前homebrew的安装经过，你会觉得这个过程无比清爽。

紧接着我们一个RN的脚手架，脚手架的功能主要是，帮助我们完成初始化项目，避免了我们mkdir rn-demo，然后一个依赖库，一个依赖库的安装。脚手架会帮助完成这一系列的过程。

执行命令 npm install -g react-native-cli

然后我们就可以新建一个自己的项目了

//初始化项目，demo为项目名称，可以随意更改

react-native init demo && cd demo

//安装依赖库，脚手架会帮助我们在package.json中把所有的依赖库的信息都配置上，但是还是我们手动去安装这些依赖库

npm install

//可以通过react-native-h的命令来看所有功能，这里列举了一下我自己常用的命令

react-native run-ios//ios启动，需要Xcode更新，需要版本号8.0以上

react-native run-android //安卓启动，需要usb连接手机，然后手机打开开发者模式，允许usb调试

下面就是见证奇迹的时刻

请输入描述 如果你跟着我一直进行到这部，看到这个页面后，恭喜你，成功解锁一个史诗级的成就（RN-Hello，World）完成