首先我们来看一下要实现一个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调试
下面就是见证奇迹的时刻