1 ReactNative VSCode 搭建开发环境

最新推荐文章于 2024-11-02 16:12:49 发布
原创 最新推荐文章于 2024-11-02 16:12:49 发布 · 580 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用VSCode搭建ReactNative开发环境，包括安装React Native Tools扩展、Node.js、JDK 1.8，设置环境变量，并详细讲述了配置夜神模拟器和Android Studio的过程。通过安装npm包react-native-cli创建项目，然后在夜神模拟器中运行应用的步骤也被详细阐述。

以下使用vscode

安装环境

1.Vscode安装扩展插件React Native Tools
2.安装nodejs
3.安装 jdk1.8（也称为jdk 8）
配置jdk的系统变量：
JAVA_HOME: C:\Program Files\Java\jdk1.8.0_181
在这里插入图片描述

新增jdk环境变量：
%JAVA_HOME%\bin
在这里插入图片描述

4.安装 安卓模拟器，这里使用 夜神模拟器
5.安装Android Studio，安装Android Studio的目的是为了安装Android SDK 28，和其他东东
安装完成后，点击 Configure
在这里插入图片描述

选择Sdk Manager，勾选 Android 9 (Pie)
在这里插入图片描述

执行完后，新加系统变量
ANDROID_HOME
c:\Users\你的用户名\AppData\Local\Android\Sdk（该路径为默认安装路径）

最低0.47元/天 解锁文章
React-Native环境搭建：Android真机调试（小米手机miui10系统）
wudith的专栏
01-21 1450
主要参考官网的步骤来进行安装，但官网介绍的和最新版本的RN还是有一些差异，总结了一些自己的心得体会。
从零开始搭建React Native完整原生环境（保姆级）
热门推荐
蜡笔小开心❤的博客
08-16 1万+
欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。
VSCode 配置React Native开发环境的方法
08-28
本篇文章主要介绍了VSCode 配置React Native开发环境的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
React Native 开发环境搭建
殇神马的博客
10-05 432
一、前言 React Native 是Facebook推出的一个移动跨平台框架，就是使用JavaScript和React 编写原生移动应用; React Native应用是真正的移动应用，并不是‘“网页应用”，或者“HTML5应用”，又 或者“混合应用”；React Native编写的应用，从使用感受上和用Obejct-C或者Java编写的应用几乎是无法区分的；React Native所使用的基础组件和原生应用完全一样； 二、环境搭建 我们这里的环境搭建是以Windows为开发平台,Android为目标平台
ReactNative开发(一)之开发环境搭建
Jacky_Can的博客
08-13 683
序语：博主站在一个Android开发人员的角度1、JDK的安装和配置对于jdk的配置环境的细节在这里我就不过多的去说明，但是特别注意的一点，最好是安装jdk8及以上的版本，避免编译的时候提示你jdk版本过低，然后在这里我还出现了一个情况，java环境变量配置并没有什么问题，但是在执行javac的时候却提示你不是系统的命令， 我的系统是window10，然后查阅了相关资料发现，在环境变量里面，wind
VSCode搭建React Native环境
11-21
创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在debug 页面，点击如下位置，添加configurations 然后点击添加配置，选择debug android ...
使用VS Code开发react native项目
qq_36893477的博客
06-04 4873
以上步骤涵盖了在VS Code中开发React Native项目所需的基本设置和配置。通过这些步骤，你可以创建、运行和调试React Native应用。
React Native 搭建开发环境的方法步骤
08-29
本篇文章主要介绍了React Native 搭建开发环境的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react native 环境搭建全过程
wgod
05-19 292
新办公室的电脑又被抢了，今天又配了一次环境，详细记录了一下。 链接：https://pan.baidu.com/s/1swHvcC9zS0KwsAvPo9Tczw 提取码：ntsy 直接去看文档吧！！！
使用VsCode开发React-Native[debug调试+智能提示]
beautiful77moon的博客
02-19 2452
前言：  这篇博文主要介绍两个方面： 1. react-native项目的调试 2. react-native项目的代码智能提示  这两个问题主要是由于reactnative和vue，react等框架不一样，这个是跨平台的，写的app不能直接在网页上即看即所得[意味着不能”直接地”console.log打印..]只能在真机调试或者在模拟器中查看，所以关于调试就显得特别重要。其次关于智能提示：rea...
RN：搭建开发环境
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
07-14 1581
安装依赖 Node、Watchman、Xcode 和 CocoaPods。 Node 12 以上的版本。 Watchman Watchman是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager 可以快速捕捉文件的变化从而实现实时刷新）。 brew install watchman Xcode 去 App Store 下载 安装的时候会同时安装 Xcode IDE、Xcode 的命令行工具和 iOS 模拟器。 命令行工具： iOS 模拟器下载： Coco
rn开发环境搭建
micotale的博客
06-14 1033
1.Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样：@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https:/...
搭建RN开发环境
qq_22400315的博客
05-26 409
1.ChocolateyChocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。\ 打开命令提示符窗口@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org
react native android环境搭建，使用vscode和夜神模拟器进行开发（适用于0.68+版本）
好巧的博客
02-02 3972
变量值：java_jdk 安装地址（如果不知道，可以去C盘下找Program Files、Program Files (x86)这两个文件夹，会有一个java文件夹，里边就有jdk）当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。，来获得编译Android应用所需的工具和环境，比如Android Sdk （默认会安装最新版本的 Android Sdk），下载 >= 11 版本，注意下载的是exe文件。
React Native入门--开发环境搭建
guanguan0_0的博客
01-08 333
React Natvie中文网：https://reactnative.cn/docs/getting-started/ 一、开发环境的搭建和配置 1、安装node（8.3版本以上）、python2.x（建议2.7.13），node用于提供npm包管理器，专门用于管理js包； 安装完node建议设置npm镜像以加快后面的过程： npm config set registry http...
React Native开发环境搭建
最新发布
m0_56344834的博客
11-02 3063
React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。
RN学习(一)：React Navite的环境搭建(详细版)
copyer_xyf的博客
09-11 894
每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer） ​ 最近要接触RN的项目了，所以打算学习一下RN，先学习RN，就必须配置RN的环境变量，RN的环境变量，要求还是挺多的，所以，做个记录，以后就看看自己的博客就行了。 ​ RN的官网地址安装教程： 搭建开发环境 ​ RN 的配置环境： python 2.x （必须） JDK 1.8 也称 8版本， 1.9就直接炸裂 node版本大于等于 12 Android Studio 检查.
VSCode中配置React Native环境与调试指南
本文将详细介绍如何使用VSCode搭建React Native开发环境，并解决在过程中可能遇到的问题。 首先，我们需要安装React Native Tools插件。这个插件可以在VSCode的插件市场中找到，通过搜索"react native tools"进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值