配置
- OSX 目前只支持OSX
-
安装Homebrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
-
安装Node.js
- 安装nvm
brew install nvm
mkdir ~/.nvm
.bashrc或者.zshrc里添加
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
- 安装node.js
nvm install node && nvm alias default node
- 安装watchman
brew install watchman
- 安装nvm
快速上路
npm install -g react-native-cli
react-native init AwesomeProject
在AwesomeProject/
目录中执行如下操作:
- 打开
AwesomeProkect.xcodeproj
,然在在Xcode
中点击run
运行 - 用文本编辑器打开
index.ios.js
,编辑一些代码 - 在iOS simulator中按cmd + R(twice)来重载APP,并且观察之前的改动
恭喜!您刚刚成功的运行并且编写了您第一个React Native应用。
备注
额外有一步操作在官方文档中没有体现,否则会运行失败。具体如下,两种方式任选一种:
打开项目中的AppDelegate.m
- 方式一:找到这行代码:jsCodeLocation = [NSURL URLWithString:@"http://
localhost
:8081/index.ios.bundle"],将localhost换成自己的ip - 方式二:
- 注释掉方式一中的代码
- 去掉
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
前面的注释。 - run
npm start
- run
curl http://localhost:8081/index.ios.bundle -o main.jsbundle
如果失败的话在后面加上--ipv4
- 在XCode中,右击你的项目文件夹,点击
New file
,选择你生成的main.jsbundle
。
- 推荐第一个方法比较简单。
- 现在就可以在无无服务器的环境下运行你的app拉。