React-Native入门 ① - 下载RN和expo-cli

最新推荐文章于 2024-02-01 16:16:55 发布
最新推荐文章于 2024-02-01 16:16:55 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： React Native 文章标签： react native 开发工具 移动开发 nodejs 编程语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/claraxu/article/details/115388851
版权

React-Native入门1 - 下载RN和expo-cli

两句话介绍React Native

RN是脸书在2015年开源的一个APP开发框架，支持iOS和安卓两大平台。
PS：长话短说就这样，我知道你们只想看下载步骤，记得给我点赞！

什么是expo

运行RN需要借助于Xcode(IOS)或者Android Studio(windows)来做模拟机等等，这个就有一定的门槛了。

那么大部分的初学者都会选择Expo，因为Expo针对这些问题在React Native基础之上所建立的一套工具。

注意！！
关于 expo ，中文网上有一个注意事项：
Expo环境大量依赖于国外网络环境，也不能直接发布应用，只是用于学习、演示、试验等目的。

Node Js下载

点这里下载NodeJs先 下载的zip解压即可

把路径加入环境变量

最低0.47元/天 解锁文章
claraxu
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react native
01-26
react native环境配置的步骤以及一些必备的插件，里面包含的插件都是网上不好找的，比较好找的比如python（去官网下载即可）为了节省空间删除了，带来的不便请原谅
移动端--app开发+ReactNative（混合app开发概念+原生和网页交互+RN概念和expo介绍）
DcTbnk的博客
08-15 834
app开发 原生开发,使用java做android，使用oc做iso开发。原生开发在公司里是单独的一个岗位，正规软件公司如果有app开发业务，那么公司会有原生开发人员。一般情况下android和ios的比例是2:1。 android现在会用在很多手机之外的智能终端上面，就是目前流行的物联网项目。 目前很多软件公司是没有app开发人员的，只有服务器端和前端开发。如果这种公司要打包app的时候，一般有两种选择： 公司有一个或者两个全栈，他们会做app打包 外包给其他公司进行打包 现在很多的原生app中都会加
RN 学习小记之使用 Expo 创建项目
cos的博客
06-20 3294
本文Hexo博客链接🔗 https://ysx.cosine.ren/react-native-note-1xLog链接🔗 https://x.cosine.ren/react-native-note-1RSS订阅 📢 https://x.cosine.ren/feed/xml由于业务需要，开始学习RN以备后面的需求，而虽然之前有用过 RN 但是项目搭建等都是封装好的脚手架，对本身其实了解不算太多，于是打算记录一下个人从头搭建 RN 项目的一个过程。顺带进行一个资料收集。
从expo开发的RN程序构建原生app-基于最基本的命令
openglnewbee的博客
12-25 3427
在不长的时间里面，我们通过rn和mobx构建了一个便签应用, 这期间的开发和调试我们是使用crna的命令通过expo这个容器工具来完成的。同样它也帮助我们更少的面对关于环境配置的问题。但是，我们最终开发的目标还是会生成两个端的native app(ipa+apk)，所以我们尝试通过最基本的命令去构建我们的程序（仍然使用之前的代码）；下面我把这个过程中遇到的问题做一个记录.expo下的babelrc
expo-cli：用于创建，运行和部署通用Expo和React Native应用程序的工具
01-28
世博CLI 用于创建，运行和部署Universal Expo和React Native应用程序的工具 | :books: 文献资料 了解有关构建和部署通用应用程序的信息 :world_map: 项目布局 包 版 :sports_medal: 徽章 让每个人都知道您的应用程序对于Expo是通用的！ [![runs with expo](https://img.shields.io/badge/Runs with Expo- 000. svg ?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000 )](https://expo.io/) [![runs with expo](https://img.shields.io/badge/Runs with Expo-4630EB.svg ?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000 )](https://expo.io/) :clapping_han
dooboo-cli:React＆React Native CLI工具。 轻松创建用于react＆react-native的模板
04-18
React Native和Expo模板 dooboo-cli RN模板 博览会模板 3.3.11 0.61.5 36 3.4。+ 0.62。+ 37 3.5。+ 0.62。+ 38 3.6。+ 0.63。+ 38 4.0以上 0.63。+ 39 5.0以上 0.63。+（网络支持） 40 6.0。+ ...
rn-composable-ui：react-native，starter-kit，模板，多平台，expo，Web，移动，iOS，Android
02-23
插入codesandbox.io链接） 使用可配置的事件绑定功能（TODO：插入codesandbox.io链接） 使用基于jsoneditor的json-browser提供动态修改任何配置（开发模式）的功能与expo react-native expo-web和react-native-web的...
e-wallet-rn:电子钱包用户界面-React Native
05-02
:atom_symbol: React-Native :linked_paperclips: 世博会 用户信息是使用创建的 :raised_hand_light_skin_tone:先决条件 :fire: 安装并执行 克隆仓库 打开克隆的仓库； 运行yarn以安装依赖项； 运行yarn start...
RN-Book-Search:使用Expo（React Native）和Google Books API的Book搜索应用
05-17
RN图书搜索使用Expo构建的React Native应用程序。现在可以在Google Play商店中使用功能和待办事项 占位符组件 自定义字体 暗模式 添加类型支持（Flow？或Typescript？） 测试用例（开玩笑？） 错误报告（Bugsnag） ...
RN-BlankTemplate-1.0：React Native-BlankTemplate（expo-cli 3.24.0）
02-11
RN-BlankTemplate-1.0：React Native-BlankTemplate（expo-cli 3.24.0）
expo最新安装包
12-03
expo的安装包
Expo 安卓apk安装包（调试React Native）
10-25
Expo 安卓apk安装包（调试React Native）,Expo CLI使您可以轻松地在物理设备上运行React Native应用程序，而无需设置开发环境。如果您想在iOS模拟器或Android虚拟设备上运行您的应用程序，请参阅使用本机代码构建项目的说明，以了解如何安装Xcode和设置Android开发环境。
Expo 搭建 React-native 项目，妈妈再也不用担心我的环境配置
最新发布
weixin_40903674的博客
02-01 1176
react-native 相信大部分前端开发都不会陌生——使用 JavaScript 和 React 编写原生移动应用。用 js 就能分 ios 和 android 的一杯羹。(哈哈，开个玩笑:)。玩笑归玩笑，但它能说明在开发移动应用领域，RN 有它的一席之地。 面临的问题 掌握 RN 无意能给自己增添更多筹码。但学习 RN 并有没想象中的那样顺畅。我觉得， 最大的困扰就是环境配置。re...
Expo-cli搭建RN
Honey的博客
09-22 443
expo-cli。
React Native：Lottie和Expo入门
编程故事的地方
03-08 254
在本教程中，我们将使用Lottie和React Native。 Lottie是一个开源库，通过提供易于使用的动画（如静态图像）来渲染Adobe Effects。 这些动画很漂亮。 Lottie是由AirBnB开发的移动图书馆。 这些动画使用Bodymovin导出为JSON文件，以在移动设备和Web应用程序中本地渲染。 ????适用于花费大量时间为LottieFiles做出贡献的设计师。 要求 为...
yarn全局安装expo-cli脚手架之后，命令不能执行：'expo' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
ThisEqualThis的博客
11-07 3433
想用expo-cli搭建一个react-native应用，结果刚安装好脚手架就出错了，expo不能执行。 C:\Users\wanghongxuan>expo 'expo' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决办法：win10环境 打开命令行：输入指令yarn global bin，找到bin文件的文件路径，如下： C:\Users\wanghongxuan>...
ReactNative开发工具expo-cli安装失败的一种解决尝试
Cod951118的博客
12-06 1487
Expo安装失败的解决尝试 描述 在安装Expo-cli过程中，一直报错，切换安装工具未能解决问题。 观察发现，貌似错误集中于最后一步的安装： // 出现多次的错误 test -d .git && cp gitHookPrePush.sh .git/hooks/pre-push || true 解决的尝试 // 先进行安装，而不编译 npm install expo-cli --...
开发ReactNative配置expo-cli遇到的问题
徐泰的博客
07-29 971
开发ReactNative配置expo-cli遇到的问题 当尝试使用npm install -g expo-cli在我的笔记本端时，在执行到extract xsjx@someVersions时，电脑死机了。*这是一个神舟的电脑，发现拔掉鼠标的连线，开机的那段等待时间大大缩短。*然后再我的一台台式机上尝试，发现安装正常。所以我判断是系统问题。之前用的系统是那种快速安装，这样的系统有很多权限被乱设置...
快速搭建 React-native 开发环境
wejdsjja的博客
09-07 588
快速搭建 React-native 开发学习环境
react-native 入门
09-02
要入门react-native，首先你需要安装react-native-image-to-pdf库。你可以通过以下命令进行自动安装： $ npm install react-native-image-to-pdf --save 或者 $ yarn add react-native-image-to-pdf 然后，你需要将这个库链接到你的项目中，如果是iOS项目，在Xcode的项目导航器中，右键单击项目，选择"Link Binary With Libraries"选项。 接下来，你需要导入React和View模块，创建一个React组件，并实现render方法。在render方法中，使用View组件来布局你的界面。比如，你可以使用flex属性控制子组件的布局和比例。 最后，你需要注意在使用Chrome调试时无法观测到React Native中的网络请求。你可以使用第三方的调试工具，如react-native-debugger，或者使用抓包工具如Charles、Fiddler来进行观测。同时，你还需要处理服务器的响应数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [react-native-image-to-pdf:react-native插件可将图像转换为PDF](https://download.csdn.net/download/weixin_42118701/19074635)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [ReactNative入门](https://blog.csdn.net/SeaState/article/details/113697867)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值