第一课：利用atom和xcode开发react-native的入门技巧（Mac）

最新推荐文章于 2023-11-08 10:25:58 发布
最新推荐文章于 2023-11-08 10:25:58 发布
阅读量1.6k 收藏
点赞数 2
分类专栏： React / React-Native 文章标签： react-native 运行 调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itsme_web/article/details/70256344
版权

一、开发工具

1、atom下载官网：Atom

2、xcode下载官网：xcode

二、创建一个react-native项目

打开terminal输入：cd 安装路径（直接将文件夹拖进来）回车后就进入了待安装的目录文件，输入：react-native init 新项目文件夹名称，回车后就开始创建新项目了。


三、运行刚创建的hello项目

在hello文件夹下->ios->hello.xcodeproj 用xcode打开该文件，然后按快捷键command+R运行/Project->run，就会打开ios模拟器





sf_wilson
关注
专栏目录
开启React Native学习之旅--配置Xcode运行环境
天方夜歌的博客
04-02 6894
React-native 作为facebook开源项目，最近是火爆的一塌糊涂，它采用node.js能够写ios和android的native界面代码，简直是太酷了。支持动态更新，而且appstore 提交不会拒绝。 一般学习新的技术都是从HelloWorld开始的，我们先搞个HelloWorld看看React-native。 注意：不管安装什么都不要随意动键盘，比如在安装这些软件的时候点击一次ret
React-native 安装基础篇
srxboys的博客
07-13 5726
React-native 安装基础篇 RN官方文档 (0.55): - http://facebook.github.io RN 中文翻译 文档 (0.51): - https://reactnative.cn 推荐博客 ES6 语法学习(阮一峰) - http://es6.ruanyifeng.com 以下基于MacOS 一...
ReactNative运行IOS在Xcode 11.0编译报错
wayne214的博客
03-09 878
前段时间项目时间紧张，ios端因为pod文件冲突，没有使用ios模拟器开发，今天见打算搞一下这个问题。 解决过程主要是如下两个步骤：首先删除项目ios目录下的Pods文件夹，然后进入项目的ios 文件，执行命令pod install,等待pod文件安装完成，重新运行模拟器即可。 以为这样就完了？我真是Too Young Too Simple。 在ReactNative项目根目录运行命令react...
react-native开发
running_shuai的博客
06-30 298
前言： 1、为什么要用react-native 1、针对安卓和ios平台的开发成本高，平台的差异性无法做到代码复用， 产品和技术的沟通成本，无法动态更新， 每次版本迭代都需要上传到app store，会出现审核的不确定性。 2、react-natice的跨平台、 低投入，人的成本，沟通的成本降低，代码复用可以作出适配安卓和ios的两端产品， react-native...
React Native 适配XCode11.3
roadProgram的专栏
06-09 237
在下面那个目录，报错__attribute__ 不识别 node_modules/react-native/React/Base/RCTModuleMethod.mm 只需要找到当前类实现文件，找到RCTParseUnused函数，做以下修改 static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__attribute__((unused))") || RCTReadStrin
React Native适配Xcode 15 iOS 17.0+
最新发布
...
11-08 1355
App Store 更新到 Xcode15 后，无法运行模拟器和真机。需要下载iOS 17对应的模拟器。
超详细 React Native 完全使用指南，学不会你打我
热门推荐
老司机的后备箱
10-10 1万+
今天给大家分享一下我是如何快速通关打怪搭建 React Native 跨端开发环境，并使用大家非常熟悉的开发工具 VSCode 来编写丝滑般的代码。编写丝滑般代码会再下一篇输出，包括项目实战经验总结和踩坑，如目录架构、函数式编程、React Hook 灵活运用、常见场景、开发调试、发布部署、踩坑、性能优化等等。之前因为在我的技术群，收到群友@我，问能否出一个保姆级 React Native 搭建开发环境的教程，我说照着官方文档步骤操作即可。
budgy:使用React Native:atom_symbol:构建的简单直观的:money_with_wings:资金管理应用
05-09
该项目是通过。 您将在下面找到有关执行常见任务的信息。... 升级到React Native的新版本需要更新react-native ， react和expo软件包版本，并在app.json设置正确的sdkVersion 。 有关软件包版本兼容
配置React-Native开发工具——WebStorm下载、激活与配置
tomur的专栏
02-13 939
目录 目录 正文 为什么推荐WebStorm 还有哪些IDE开发工具可以选择 安装WebStorm 1 下载WebStorm 2 安装步骤以Windows操作系统为例 3 启动与激活WebStorm 4 打开项目 配置WebStorm 1 添加npm配置 2 设置JSX语法 3 配置React Native智能提示 正文 通过Rea...
超详细 React Native 入坑使用指南，我在元宇宙等你
qq_15041931的博客
12-19 8651
前言 大家好，我是虚竹，今天给大家分享一下我是如何快速通关打怪搭建 React Native 跨端开发环境，并使用大家非常熟悉的开发工具 VSCode 来编写丝滑般的代码。编写丝滑般代码会再下一篇输出，包括项目实战经验总结和踩坑，如目录架构、函数式编程、React Hook 灵活运用、常见场景、开发调试、发布部署、踩坑、性能优化等等。 之前因为在我的技术群，收到群友@我，问能否出一个保姆级 React Native 搭建开发环境的教程，我说照着官方文档步骤操作即可。可惜事与愿违没那么顺利，流程上繁琐不够清晰
Atom.apex:保护您的逻辑不受Salesforce管理员限制
05-12
原子顶点 Atom.apex是一个库，试图使您摆脱Salesforce调控器限制的厄运。 为什么选择Atom.apex？ 您的顶点代码一直可以正常工作，直到有一天由于大量数据而失败。 通常这是因为您的代码无法很好地扩展。 Atom.apex为您提供了这种可伸缩性，您只需要关注业务逻辑即可。 启示 通常，当我们达到调控器限制（堆大小，cpu时间，查询等）时，这是因为我们正在重复消耗资源的操作。 只要有合理的重复，一切都会起作用。 但是意外数据可能导致重复计数失去控制。 到那时，达到了调控器限制，引发了异常，业务逻辑被中止并且您陷入了混乱（尤其是当您与外部服务进行交互时）。 我们梦dream以求的是，如果达到了调控器限制，Salesforce不会直接抛出异常，而是会将剩余的逻辑安排到下一个可用时间点继续。 可悲的是，这一直是一个梦想，在这种情况下，Salesforce会中止您的执行（也回
React-native新项目初始化，IOS 运行失败 React-native为“0.64.0“， Xcode版本为12.4
qq_42208442的博客
05-12 699
成功通过命令行新建项目之后， yarn ios 准备运行ios模拟器的时候报错！ 错误如下： The following build commands failed: CompileC /Users/fnzdev/Library/Developer/Xcode/DerivedData/soulwitness-ebfsmdwgkfggkhccemphiiazlurs/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.
React-Native之Xcode路径错误
蓝莓味的鱼
07-26 419
1：具体错误 2：原因：没有设置Xcode的路径   3：解决方式：在命令行中输入 sudo xcode-select -switch /Applications/Xcode.app   注意：-switch后面是自己的Xcode路径...
react-native零基础用Xcode手动打包热更新
萝卜@兔子的专栏
12-18 640
打开Xcode->File->Open打开rn项目中ios目录下的***.xcodeproj 进行如下操作： 在第3处填写项目名称、包名、版本号并且一般情况下4处是不打勾的。在 点下图红箭头处选择描述文件, 你要是打adhot包就选adhot的描述文件, 打appstore的包就选你做的appstore的描述文件 然后点击Product->Archive进行编...
'config.h' file not found'和/Libraries/WebSocket/libfishhook.a'-Xcode10,React-Native更新问题
suwu150
01-06 753
1.React Native 中在xcode10运行提示 ‘config.h’ file not found 解决方法： 在项目终端执行以下命令 cd node_modules/react-native/third-party/glog-0.3.4 ../../scripts/ios-configure-glog.sh clean the project and build again, th...
ReactNative开发工具之Atom
Tiny的专栏
11-26 2219
主要讲述个人在使用Atom进行RN开发的过程中，使用过的比较优秀的插件，加快了开发的速度，特此分享，希望也能帮到你。
React没有android studio xcode的本机完整设置
weixin_26704651的博客
09-18 152
I just started learning React native by just following getting started, First I need to set up an environment for react native so I refer some blogs, and in all of them pointing towards one direction ...
xcode 对react-native的开发问题
{竹子}
12-26 1064
1.模拟器的大小调整 command + 1,2,3,4,5调大小
ReactNative之Atom-React的安装
chirs的专栏
02-04 2280
工欲善其事, 必先利其器. ReactNative作为Facebook贡献的库, 里面有些定制的东西. 官方推荐Atom+Nuclide, 那么就尝试一下Atom. 在测试过程中, 发现安装Nuclide之后, Atom编辑器特别卡顿, 原因不明, 所以又测试了一些其他插件. 我来罗列几个必须的.1.Atom 下载Atom编辑器, 安装, 介绍参考文档.2.Atom-React 插件Atom-
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值