1.配置React Native
Homebrew
Mac平台安装Homebrew:
在Mac上则需要安装Homebrew,它和Chocolatey的作用是一样的,在终端输入如下命令即可
/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"
我的Mac系统版本是10.13.3,安装过程中会提示按下return键,这时按下return键会提示输入系统密码,输入密码后会显示安装成功
Python
Mac系统中自带Python的执行环境,因此不需要安装Python 2。
Mac平台安装Node.js:
brew install node
Mac平台在终端输入即可:
npm config set disturl https://npm.taobao.org/dist --global
Yarn、React Native的命令行工具(react-native-cli)
接下来安装Yarn和react-native-cli,Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。react-native-cli则用于执行React Native的创建、初始化、更新项目、运行打包服务(packager)等任务。
npm install -g yarn react-native-cli
安装完yarn后也要设置镜像源:
yarn config set disturl https://npm.taobao.org/dist --global
配置Android Studio
使用React Native创建并运行项目
接下来我们创建和运行项目,在Mac平台的命令提示符窗口进入需要存储React Native项目的文件目录,输入如下语句来创建项目:
react-native init firstProject
这时会在存储文件中生成名为firstProject的项目文件,我们用Android Studio加载firstProject文件中android文件。
接下来运行SDK的模拟器,这里我的模拟器为Android 4.4.4版本的Nexus5。最后输入如下命令来将React Native项目运行到模拟器中
运行RN项目
打开AndroidStudio找到firstProject下的android,点击确定就可以了,这里Glade构建需要一会时间等着就好了。