两学一做夜校网站武汉疫情最新情况
最近要搞一个RN的demo,搞就搞吧,那就先把环境搭起来。搭就搭吧,这环境一搭就是一天。
给大家分享一下自己在搭建环境时所遇到的坑,和一些可以方便我们快速搭建环境的方法。
接下来的一系列操作:如果你有很稳定很迅速的科学上网方式,那就直接按照RN官方给的说明安装就行了
如果你已经安装了所有插件,但是运行项目失败,你可以直接跳转到第六步看起
我们也是按部就班的按照官方给的文档进行安装,只不过会有些需要注意的点。
- 安装
Homebrew
,因为RN官方推荐使用Homebrew
安装node
和Watchman
,当然你也可以选择其他的方式安装。
如上图,点击浅蓝色区域,就可看到Homebrew
的安装方式
- 安装
node
和Watchman
node
就不用说了,前端开发都知道的。
Watchman
是什么呢?RN官方是这样说的。
Watchman
则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)
这里建议安装一下yarn
,确实是会比npm
快上那么一点
npm install -g yarn
- 安装Xcode,这个只需要到苹果商店安装即可,有8个多G,需要耐心等待一下。
- 安装
CocoaPods
,这CocoaPods
很关键,后续安装苹果端依赖的重要东西,不可缺少。
如果你安装了Homebrew
,则可以使用brew install cocoapods
进行安装,
否则sudo gem install cocoapods
- 创建项目
npx react-native init AwesomeProject
创建完成后,并不是说就像文档中说的那样,按照如下这个步骤就可以运行起来了。
-
更换
CocoaPods
源
我们创建好项目需要安装对于的依赖,依赖的来源就是CocoaPods
,但是之前安装源除非有科学上网的方式,否则就会慢到无法想象甚至失败,所以要更换CocoaPods
源,实际官方文档有提供,可能是浏览的太快忽略了。
我们需要访问这个网站, 清华大学开源软件镜像站(点击即可进入)
按照如下步骤执行即可:
我记得这个安装也需要好长时间,请耐心等待。 -
安装依赖
如果我们直接运行yarn react-native run-ios
是会报错的,这个是时候需要执行以下步骤,前提是你完成了第六步,要不然会超级慢
cd ios
pod install
等待安装完成,完成后在执行
npm run ios 或者 yarn ios
这个时候才可能运行成功,如果运行失败可以留言,附上截图,看到会立马回复。
-
Xcode打开
如果你想要在Xcode中打开,只需直接打开IOS文件夹即可,打开以后可以command+r
运行,也可以点击左上角的箭头运行。就可以在模拟器中打开了 -
运行到手机上
运行到手机上,必须先给手机配置开发者权限,具体怎么配置自行百度。这个还是蛮复杂的。我的还是之前的公司有ios开发给配置的。
手机链接电脑在选择模拟器那里选择自己的手机
点击iphone 8
区域
选择最上边的一个就是自己的手机。选中后点击箭头安装。这个时候可能会安装失败,造成的原因有以下几个可能
- 1.没有给项目配置团队,文件名不是唯一的
- 2.手机未配置开发者权限
- 3.手机以配置开发者权限,但是安装超过了两个测试APP
2和3可能会出现同一个安装报错信息,区别就是去看看自己手机的设置里是否有一个这样的选项
如果有那就是第三个问题,没有那就去配置证书吧
第一个问题的解决方式:
如上图,在team处选择一个即可,如果有链接手机则会有一个与你apple id 同名的Team。
第二个框,需要修改名称,修改成唯一的。如果修改完成,下方区域是不会有相对应的警告或者报错信息。
第二个解决方式:
点击查看
第三解决方式:
在导航栏中找到:
进入到如下页面:
红框处会显示你已安装的app,删掉其中的某一个即可。
如果没有以上几个问题,软件安装成功后会自动打开。即可查看