Rect Native在Mac上部署iOS开发环境

2017-03-29  本文已影响67人  Sunshine丶宇天

1.如果Mac上没有安装Homebrew请按如下步骤安装

终端输入:<pre>ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"</pre>
成功后会如图所示:

安装Homebrew.png

2.安装Node.js

终端输入: <pre>brew install nodejs </pre>
也可直接下载安装Node.js: https://nodejs.org/en/download/
成功后会如图所示:

安装Node.png

3.安装 React-Native

终端输入:<pre> npm install -g react-native-cli</pre>
然后输入开机密码,如果成功会有如下提示


安装ReactNative成功.png

4.在桌面新建一个文件夹 然后 终端cd到改文件夹下

终端输入:<pre>mkdir ReactNative && cd ReactNative </pre>

5.创建一个项目

终端输入:<pre>react-native init app </pre>(app是项目名称可以根据你的需求起名)
项目初始化完成如图所示:


项目创建成功.png

6.运行项目

XCode 打开项目,点击运行就好。修改 index.ios.js, 在模拟器中 ⌘ + R 重新载入 js 即可看到相应的变化。
或终端输入: <pre>react-native run-ios</pre>
运行成功的效果图如下:

运行成功.png
参考文档: react-native官方文档

这样Rect Native在Mac上部署iOS开发环境就实现了,在哪里有不合适的地方,欢迎各位大神指正交流,谢谢。

上一篇下一篇

猜你喜欢

热点阅读