长春网站优化团队,在线制作图片旋转动态,深圳网站建设哪家比较专业,878网站正在建设中最近要搞一个RN的demo#xff0c;搞就搞吧#xff0c;那就先把环境搭起来。搭就搭吧#xff0c;这环境一搭就是一天。 给大家分享一下自己在搭建环境时所遇到的坑#xff0c;和一些可以方便我们快速搭建环境的方法。
接下来的一系列操作#xff1a;如果你有很稳定很迅速的…最近要搞一个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文件夹即可打开以后可以commandr运行也可以点击左上角的箭头运行。就可以在模拟器中打开了 运行到手机上 运行到手机上必须先给手机配置开发者权限具体怎么配置自行百度。这个还是蛮复杂的。我的还是之前的公司有ios开发给配置的。
手机链接电脑在选择模拟器那里选择自己的手机 点击iphone 8区域 选择最上边的一个就是自己的手机。选中后点击箭头安装。这个时候可能会安装失败造成的原因有以下几个可能 1.没有给项目配置团队文件名不是唯一的 2.手机未配置开发者权限 3.手机以配置开发者权限但是安装超过了两个测试APP
2和3可能会出现同一个安装报错信息区别就是去看看自己手机的设置里是否有一个这样的选项 如果有那就是第三个问题没有那就去配置证书吧
第一个问题的解决方式 如上图在team处选择一个即可如果有链接手机则会有一个与你apple id 同名的Team。 第二个框需要修改名称修改成唯一的。如果修改完成下方区域是不会有相对应的警告或者报错信息。
第二个解决方式
点击查看
第三解决方式
在导航栏中找到 进入到如下页面 红框处会显示你已安装的app删掉其中的某一个即可。
如果没有以上几个问题软件安装成功后会自动打开。即可查看
