React Native MAC上环境搭建笔记

今天花了一点时间搭建了一下react native环境,在这个过程中遇到了一些问题,处理并总结一下,年纪大了记性不好,只能多写写。。。真是岁月不饶人啊!

第一步:安装最新版本的Xcode工具

第二步:安装Homebrew 具体参考官网http://brew.sh

第三步:安装 node

第四步:安装watchman 是用来检测文件变化的工具

-- brew install watchman

提示:如果遇到下面情况

React Native MAC上环境搭建笔记

可以用brew link --overwrite pcre 重新覆盖一下,把冲突文件重新刷新一下就OK了。

第五步:安装flow是用来检测jsx语法的工具

-- brew install flow

第六步:安装react ntaive命令行工具

--npm install -g react-native-cli

我是安装在全局环境中使用

提示:如果安装报错,可能是权限问题 就使用 sudo npm install -g react-native-cli ,接下来输入一下密码就OK了

第七步:初始化工程 (在指定地方操作)

-- sudo react-native init helloWorld

上面命令会创建一个helloWorld文件夹,里面存放着react native 所有文件

React Native MAC上环境搭建笔记

从文件夹一目了然有android和ios分支程序,我玩的是ios的在终端直接进入ios

1.cd ios

2.open hellWorld.xcodeproj (Xcode工具会打开,在此工具中点击运行按钮即可)

提示:如果运行报错,据我了解有2个点解决

第一点:watchman没有安装好,文件有问题,将已安装的watchman删除,然后重新安装即可

第二点:如果第一点试过还不行,就改一个引用路径在ios/helloWorld/AppDelegate.m文件

React Native MAC上环境搭建笔记

用Xcode打开AppDelegate.m文件

React Native MAC上环境搭建笔记

从上图看有一个连接路径,将其路径中的localhost换成自己本地地址127.0.0.1即可

如果运行报错,其界面:

React Native MAC上环境搭建笔记

注意:通过网上查了一些资料,有人说通过ifconfig命令查看自己MAC IP地址,我自己试过了,运行会报错,不知道他们是怎么运行起来了???

成功运行的react native:

React Native MAC上环境搭建笔记

上一篇:某电商项目PostgreSQL数据库备份恢复方案


下一篇:Http 概述