idea(2018.1.4版本)创建react-native项目,windows、android真机测试以及安卓夜神模拟器测试运行

最新推荐文章于 2021-06-30 22:24:03 发布
最新推荐文章于 2021-06-30 22:24:03 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： react-native开发 Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wcharles666/article/details/82381235
版权
本文介绍了如何使用Idea创建React-Native项目，并详细讲解了Windows环境下，包括Node.js、Python2、Android SDK、react-native-cli和JDK的安装与配置过程。特别提到环境变量配置后重启电脑的重要性，以及遇到问题时要学会根据错误信息解决问题。
摘要由CSDN通过智能技术生成
在初识react-native项目上，因为个人热衷于idea,比较熟悉，决定用这一Ide创建任何前后端的项目。

环境搭建

react-native运行环境要求准备:
  1. node.js
  2. python2
  3. Android sdk
  4. react-native-cli
  5. jdk
  6. idea编译软件
  7. 小米mix2手机一部（博主使用）
  8. 夜神模拟器
一、 下载node.js

网址：https://nodejs.org/en/
这里写图片描述
安装完成后，进入cmd命令行窗口，输入 node -v和npm -v;
这里写图片描述
备注：如若出现node不是内部程序等错误,检查及添加环境变量，如若环境变量没问题；

小窍门：重启电脑

下面其它环境变量的配置
最低0.47元/天 解锁文章
XiaooSe
关注
专栏目录
使用IDEA创建一个简单的React项目
qq_43609574的博客
07-25 3196
创建一个简单的React项目版本说明项目创建与运行结合element-react添加简单的点击计数组件点击运行 版本说明 IDEA 2020.3.2 react 17.0.2 element-react 1.4.34 项目创建与运行 以管理员的身份打开命令提示符，切换到想要存放react项目的空文件夹下 安装create-react-app npm install -g create-react-app 创建项目 create-react-app demo-react01 创建完成后项目文件结构
工欲善其事，必先利其器——React Native的 IDE
热门推荐
小明的博客
04-11 1万+
之前的文章中，我们已经对于在OS X系统上对React Native 的环境搭建，以及第一个实例做了讲解。所谓工欲善其事，必先利其器，对于开发者来说，选择一款比较好的IDE也是一件很重要的事情。这篇文章就来比较和推荐以下几款工具：Sublime、WebStorm、Nuclide。 NuclideNuclide是Facebook专门为React开发的IDE，因此，Nuclide拥有很好的语法补全、类型
idea创建react项目
qq_39574558的博客
06-14 3725
安装node教程：（要装8及以上版本） 添加链接描述 安装create-react-app 添加链接描述 idea创建react项目 添加链接描述 node目录：E:\node create-react-app目录： 出现的问题： 目录不全：node版本过低 node和create-react-app没有提前下载 ...
React-Native+Idea环境搭建
Forget_G的博客
02-21 6095
依赖 Node React Native 命令行工具 Python2 JDK 1.8 Idea 安装配置 和react-native中文社区一致 注意 Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）。安装完 Node 后建议设置 npm 镜像以加速后面的过程（或使用科学上网工具）。 ...
React Native 调试项目
圣人男的博客
03-21 228
一、打开调试1.iOS 平台摇动设备 或者使用组合快捷键 control + command+z2.Android 平台中摇动设备或者使用组合快捷键 command+m3.打开 Chrome浏览器 输入 http://localhost:8081/debugger-ui在Chrome浏览器中打开开发者工具或者使用快捷键 command+option+i...
React-Native项目在Android真机上调试
Azhangyuaner的博客
04-15 665
React-Native项目在Android真机上调试？接下来直奔主题，通过USB将手机和电脑连接，打开手机上的USB调试。不通型号的手机可能设置方式不一样，这里具体不在细说…… 1、确保你的设备已经成功连接。可以终端输入adb devices来查看: $ adb devices List of devices attached "Your device Name" device 注...
react-native-tvos：带有Apple TV和Android TV支持的附加功能的React Native回购。 https：dlowder-salesforce.github.ioreact-native-apple-tv
02-13
例如，此软件包的0.63.1-0发行版将来自react-native的0.63.1发行版。 此版本的所有版本都将遵循0.xx.xy格式，其中x位数字来自特定的RN核心版本，而y表示此版本中的其他版本。 发行版本将发布在npmjs.org上，您可以...
react-native-v8：React Native Android的可选V8运行时
02-05
该项目的目的是为React Native支持V8运行时。 作为选择加入的软件包设计，它应该易于与现有的React Native项目集成。 与React Native集成 为了简化RN集成，我们将预构建的AAR发布到。 版本控制与React Native一致，...
react-native-modal-translucent：在Android上删除Modal的StatusBar背景
02-05
React本机模式半透明 在Android上删除Modal的StatusBar背景 之前 后 用法 npm install react-native-modal-translucent --save # or yarn add react-native-modal-translucent 如果您的RN版本低于0.60，则需要手动...
react-native-console：:puzzle_piece:一个IDEAWebStormAndroid Studio插件，用于一键式在嵌入式终端中运行React Native命令
02-05
React本机控制台 节点： 该分支包含免费版本的源代码，还包括使用InlayProvider在代码编辑器中显示的代码，以显示JavaScript函数的用法。 您需要将javascript-openapi.jar和JavaScriptLanguage.jar添加到项目的类路径，并将其标记为已提供。 我的代码主要基于com.intellij.codeInsight.daemon.impl.JavaCodeVisionProvider上的IJ源代码，请为此功能添加git历史记录。 请使用react-native-console-free.jar在带有React或React Native项目的
idea+react-native android环境搭建
金溪的博客
09-04 3161
背景： 之前一直使用idea开发spring的项目，所以本机已经有jdk和idea。 安装nodejs 这个参考网上的就可以，在安装nodejs时，npm也会被附带安装了。 npm总是报错：unable to verify the first certificate npm config set registry https://registry.npm.taobao.org(使用淘宝...
react(一)环境搭建和利用IDEA建立简单react项目
zhaikaiyun的博客
04-02 6389
安装node 官网https://nodejs.org/en/download/下载最新的稳定版本，下载安装完以后在cmd界面输入node -v 可以直接查看版本，安装node时会自带一个npm的包管理工具，在命令行通过 npm -v查看。 国内使用npm很慢，可以使用淘宝的镜像来代替原有的，在命令行输入：npm config set registry https://registry....
从0开始配置React-Native环境，运行第一个React-Native应用
zhangmingCSDN
09-22 2373
从最近对React-Native的研究来看，我觉得是时候从0开始学它并引入到实践中了。目前我负责Android这块，之前也有半年的Js、半年的Php开发经验，曾经那时可谓样样通，样样不精（其实我还有1年的C、1年的C++编程经验，甚至Html网站也开发过）。我有一台没有配置过homebrew、atom、nuclide的mac air，就从这里开始喽。 首先，找到homebrew(类似功能的还有m
React Native的开发工具和调试方法
yx223322的博客
02-15 421
一、背景介绍 接触一门新的语言，第一是看官方的开发文档，第二自然就是开发工具，第三就是调试方法。 下面介绍RN所需要用到的开发工具和调试方法。 二、开发工具 1.sublime Sublime Text 是一个复杂的文本、代码编辑器。出色用户界面，非凡的功能和惊人的性能。 下载地址：http://www.sublimetext.com/3 破解方法：点击菜单－help－Enter...
Windows下React环境搭建
！@#！！@#@！
01-29 595
1.安装Python，下载地址https://www.python.org/，选择"Windows x86-64 executable installer"即可。 (1.)勾选"Add Python x.x to PATH"（备注：x.x为版本号） (2.)点击"Customize installation" (3.)"Optional Features"默认即可,点击"Next" (4....
在webstom里面配置运行RN的方案
KEN Bolg
03-21 4657
ReactNative_webstrom webstorm编译环境的配置 注:webstorm版本要求是11.0.3，支持npm配置。 1.创建编译命令 2.点击右上角的“＋” 号添加npm编译命令,并且把Command改为help，因为我们不需要它，但是又不想受到干扰，所以选择help。 3.创建External tool
ReactNative 开发环境搭建，安卓、IOS 打包、模拟器、真机调试
yanghui555的专栏
06-30 1155
React Native 开发 APP前端开发环境搭建 开发工具 IDEA 2020.1 、 SVN 1.8 、Xcode 12.5 操作系统 Mac OS Big Sur 11.3.1，android 9，IOS 14.5 1.从版本库下载项目源码 SVN 地址：略 2.安装Node JS版本管理工具NVM （目的是支持在一台机器中同时存在多个版本的Node 根据需要灵活切换） 2.1.安装nvm 打开终端： 1. brew install nvm 2. make dir ~/.vnm 3. 配置环境变量
放弃sublime，使用intellij编写react native
气派的欠账包店
12-22 2860
今天看到react-native更新到了0.51版本，按照中文文档在原有Android项目引入react native发现运行不出来，莫名奇妙地崩溃，于是决定还是从零开始构建react-native app，网上一般推荐使用sublime来编辑项目，但是总感觉使用地十分不顺手，最后还是决定使用intellij来开发，意外地发现十分好用！ 首先，intellij的地址如下：intellij地址社区版是
this.setState修改某一对象的某个属性值，其它保留不变
Wcharles666的博客
05-16 1万+
state中数据如下 class Illegals extends React.Component { constructor(props) { super(props); this.state = { pageNav: { pageSize: 20, pageNum: 1, total: 50 } ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值