美文网首页
RN中iOS环境搭建

RN中iOS环境搭建

作者: 傲骨天成科技 | 来源:发表于2020-10-29 17:20 被阅读0次

本文我将介绍怎样在mac上搭建一个iOS平台的RN环境,可以参考RN中文网https://www.reactnative.cn/docs/getting-started
相关依赖:
1.Node:
2.Watchman:
3.Xcode:
4.CocoaPods:

使用Yarn代替npm
1.用yarn 代替npm install命令
2.用yarn add 某个库名 代替 npm install 某个库名

1.安装Node

官方推荐使用Homebrew来安装Node和Watchman.其中安装Homebrew工具可以参考https://www.cnblogs.com/xibushijie/p/13335988.html或官方https://brew.sh/index_zh-cn,当安装完成之后再终端执行下面的命令安装node

brew install node

或者我们直接可以在mac的百度上搜索 node for mac下载进行搜索下载安装更加快速
例如:这个网站下载:http://www.pc6.com/mac/551760.html

2.安装watchman

当安装完Homebrew之后执行

brew install watchman

或者我们直接可以在mac的百度上搜索 watchman for mac下载进行搜索下载安装更加快速
例如:这个网站下载: http://www.pc6.com/mac/648210.html

3.安装Xcode

在mac电脑的appstore上去搜索下载最新的Xcode,如果需要自己选Xcode
版本进行下载可以进入苹果开发者官网去下载

4.安装cocoapods

网上搜索,或者使用Hombrew去下载

brew install cocoapods

5.创建新项目

当你上面的都下载完成之后,就可以创建一个RN的项目了
在终端打开你需要把此项目创建到的文件夹:例如:

cd /Users/fly/Desktop

然后创建新项目叫rnProject0,执行如下命令

npx react-native init rnProject0

然后就是等待了,如下图所示,一个一个去下载了,其中cocoapods的依赖文件最多所以下载最长,所以需要耐心


截屏2020-10-29 上午11.44.34.png

6.编译并运行RN应用到iOS模拟器

cd 项目跟路径
react-native run-ios

相关文章

  • RN中iOS环境搭建

    本文我将介绍怎样在mac上搭建一个iOS平台的RN环境,可以参考RN中文网https://www.reactnat...

  • RN学习记录

    了解RN 2018-2-8 (3h)搭建环境 搭建了Mac下的Android和iOS的开发环境环境搭建 2018-...

  • rn

    1.rn的环境搭建(mac) 在iOS项目中添加rn yarn add react-native 报错 Fetch...

  • RN热更新-相关-

    基于微软服务-搭建RN环境。 ios和Android的环境都已经在分支“20190513_feature_hot_...

  • ReactNative踩坑集成指南

    React Native集成iOS文档 1集成过程 1.1搭建RN开发环境 1.1.1使用Homebrew来...

  • React Native开发流程

    RN开发流程 目标: 3月1日—4月14日,熟悉整套开发流程,并输出文档教程。 RN环境搭建 RN环境搭建请参考以...

  • ReactNative - 打离线包

    配置RN的开发环境 搭建开发环境 初始化项目 打包 在ios目录下创建bundle文件,将打包的文件放在bundl...

  • 2022-05-27

    RN学习之路1:mac系统下搭建RN环境 1,安装homebrew 终...

  • RN热更新-搭建自己服务

    本教程基于code-push-server搭建 本文都是基于上面文章(搭建微软的热更新RN项目)搭建好RN环境后的...

  • 【ReactNative】Android环境搭建之Java版本切

    踩完了iOS环境的坑,还有一个Android的坑,跑不了,接着来吧...... 具体搭建macOS下的RN的And...

网友评论

      本文标题:RN中iOS环境搭建

      本文链接:https://www.haomeiwen.com/subject/skkkvktx.html