React Native MAC上环境搭建笔记

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

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

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

第三步：安装 node

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

           -- brew install watchman

           提示：如果遇到下面情况

                  

          可以用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 所有文件

          

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

          1.cd ios

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

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

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

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

                 

                 用Xcode打开AppDelegate.m文件

                

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

 

                如果运行报错，其界面：

                

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

           成功运行的react native：