React-Native项目之环境配置及调试中的bug

最新推荐文章于 2023-03-26 17:12:37 发布
VIP文章 最新推荐文章于 2023-03-26 17:12:37 发布
阅读量406 收藏
点赞数 1
分类专栏： 混合开发 RN 文章标签： react-native JDK Android Studio 环境配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SeaSunExpect/article/details/100285847
版权

React-Native环境配置

主要针对Windows系统，以及Android设备调试

准备软件

  1. NodeJs安装包（Node版本要求：>=8.3） node下载
  2. Python安装包（版本要求：必须为Python2） Python2下载
  3. JDK软件（版本要求：>=8） JDK下载
  4. Android Studio安装包（默认为最新） Android Studio下载
  5. 夜神安卓模拟器 夜神模拟器下载

开始安装

  1. 下载好的NodeJs安装，建议直接默认路径。安装完毕之后，打开终端执行
    node -v和npm -v命令，检查安装成功

    <
最低0.47元/天 解锁文章
海阳盼
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新...
ReactNative项目的调试
Sophie_U的博客
01-30 624
在运行好第一个RN项目后，通过脚手架的App可以看到以下调试信息： Ctrl + M：在模拟器上打开调试Debug菜单（真机上通过摇动手机打开） 双击R：重新加载App Enable Hot Reload：在当前页热加载 Error & Warning 在JS运行时出现Error或者Warning时，在模拟器中会以红屏的形式展示 Warnings React Native 程序运...
React Native 调试项目
圣人男的博客
03-21 210
一、打开调试1.iOS 平台摇动设备 或者使用组合快捷键 control + command+z2.Android 平台中摇动设备或者使用组合快捷键 command+m3.打开 Chrome浏览器 输入 http://localhost:8081/debugger-ui在Chrome浏览器中打开开发者工具或者使用快捷键 command+option+i...
2、React-Native项目调试
蠹石sll
11-05 341
1、前言上一篇详细地说明了React-native的环境搭建， 今天主要说的是应用设备运行(Running)以及调试方法(Debugging)。2、创建一个新的项目工程命令：react-native init XXProject打开cmd，进入reactnative的项目空间，输入react-native init TestOne，等待一段时间。会发现生成一个TestOne项目工程。3、运行新创建
react-native 开发 ，打包， 调试
cx091的博客
05-05 947
react-native 开发 环境搭建 1.ios环境： brew update && brew doctor xcode-select --install brew install node brew install watchman 安装xcode； 启动 Xcode，并在Xcode > Preferences > Locations菜单中检查一下是否装有...
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
将本机图像转换为pdf 在React-Native中通过图像数组创建PDF。入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-...
react-native-iap：应用内购买的react-native本机模块
02-03
请记住， react-native-iap将提供您需要的基本功能，但不是一站式解决方案，在您的应用中实施应用内购买仍需要大量工作。 同样，实现客户端只是硬币的一面，您必须实现服务器端才能验证收据（正确完成收据可能是最...
react-native-qrcode-svg：基于react-native-svg和node-qrcode的React Native QR码生成器
02-05
讨论： ： 产品特点轻松渲染QR码图像（可选）嵌入徽标安卓的iOS安装安装依赖包yarn add react-native-svg react-native-qrcode-svg 要么npm i -S react-native-svg react-native-qrcode-svg 如果您使用的是React ...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
initrd&init进程
懒猫的脚印
03-26 2050
initrd的全名是init ramdisk，是一个启动时存在于内存的文件系统。init是Linux的第一个进程
JavaScript_catvod的开放版本.zip
05-20
JavaScript
node-v10.4.1-headers.tar.gz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v13.8.0-headers.tar.xz
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v14.1.0-headers.tar.xz
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
batik-svggen-1.7.jar
05-20
Batik是为想使用svg格式图片来实现各种功能的应用程序和Applet提供的一个基于java的工具包
逆波兰式的定义.rar
05-20
逆波兰式
ChatGPT 技术开发教程指南分享.zip
05-20
ChatGPT 技术开发教程指南分享.zip
高德导航刷机包winCE
05-20
抓紧看看啊
react-native link react-native-pdf zsh: command not found: react-native
12-29
要解决"zsh: command not found: react-native"的问题，你需要确保已经正确安装了react-native-cli并且已经将其添加到了系统的环境变量中。 以下是在Windows和Mac上安装和配置react-native-cli的步骤： Windows： 1. 打开命令提示符或PowerShell。 2. 运行以下命令来安装react-native-cli： ``` npm install -g react-native-cli ``` 3. 等待安装完成后，你应该能够在命令提示符或PowerShell中使用react-native命令。 Mac： 1. 打开终端。 2. 运行以下命令来安装react-native-cli： ``` sudo npm install -g react-native-cli ``` 输入你的密码以确认安装。 3. 安装完成后，运行以下命令来查找react-native-cli的安装路径： ``` which react-native ``` 记下这个路径，我们称之为路径A。 4. 打开你的bash配置文件（例如：~/.bash_profile、~/.bashrc、~/.zshrc等）。 5. 在文件末尾添加以下行： ``` export PATH="$PATH:路径A" ``` 将路径A替换为你在步骤3中记录的路径。 6. 保存并关闭文件。 7. 在终端中运行以下命令来使配置生效： ``` source ~/.bash_profile ``` 如果你使用的是其他bash配置文件，请相应地修改命令。 完成上述步骤后，你应该能够在终端中使用react-native命令了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值