首先,你需要一台mac系统的电脑。(相信你能看本文已经解决了这个问题😝)
进入正题,关于reactnative的原理这里不赘述。
==============分==========割===============线=============
必须的软件
Homebrew(mac系统的包管理器,用于安装NodeJS和一些其他必须的工具软件)
1、复制下面这段命令在terminal中执行
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
注意:在Mac OS X 10.11版本中,Homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题,可以使用下面的命令修复:
sudo chown -R `whoami` /usr/local
Node
安装好homebrew之后就可以使用它来安装Node.js了(RN需要NodeJS4.0或更高版本)
brew installnode
注意:node也可自行在官网下载安装,有时候RN不同的版本可能会对node个版本支持的不尽如人意,因此需要手动去更换node版本
安装完node后建议设置npm镜像已加速后面的过程
npmconfig set registry https://registry.npm.taobao.org--globalnpmconfig set disturl https://npm.taobao.org/dist--global
RN的命令行工具(react-native-cli)
RN的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npminstall -g react-native-cli
Xcode(RN目前需要XCode7.0或者更高版本)
测试安装
react-nativeinit AwesomeProject(初始化一个项目,项目名称就是AwesomeProject)cd AwesomeProject react-nativerun-ios (此命令用来运行iOS端程序,当然你也可以在文件中直接使用xCode打开)
这里需要说一下,如果你们的RN版本过低的话、运行iOS端的话、可能会遇到找不到服务器地址的问题,以为xCode工程中少了一个main.jsbundle文件,因此需要修改下面的代码为第二种
1、jsCodeLocation = [[RCTBundleURLProvidersharedSettings]jsBundleURLForBundleRoot:@"index.ios"fallbackResource:nil];
2、jsCodeLocation = [NSURLURLWithString:@“http:/*******/:8081/index.ios.bundle?platform=ios&dev=true”];
http后面应该是你本机的IP地址
至此你已经成功运行了你的第一个React Native应用!
更加详细的教程参见官网