创建并运行React Native项目

最新推荐文章于 2024-03-11 15:44:38 发布
最新推荐文章于 2024-03-11 15:44:38 发布
阅读量298 收藏
点赞数 1
分类专栏： ReactNative 文章标签： 创建ReactNative项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39500025/article/details/87621013
版权

创建ReactNative项目

使用如下命令创建项目：

react-native init Demo(所要创建的项目名称)

项目构建完成之后的目录：
在这里插入图片描述

运行ReactNative项目

使用命令：

react-native run-android

运行项目
Android设备，运行项目成功之后，摇一摇出现弹框，选择Dev Settings，之后选择Debug server host & port for device设置ip和端口号。例如：192.168.1.2:8081，端口号默认是8081

王瑞铭
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ReactNative项目demo
12-28
这个项目Demo旨在提供一个基础架构，帮助开发者快速理解并上手ReactNative在iPad应用开发中的工作流程。 ReactNative的核心理念是“Learn once, write anywhere”，即学习一套技术栈，就能在多个平台上进行开发。它...
Android原生项目集成React Native的方法
08-28
其中，npm init创建了一个空的node模块（其实就是创建了一个package.json描述文件），而npm install则创建了node_modules目录并把react和react-native下载到了其中。至于第三步curl命令，其实质是下载.flowconfig...
运行React-Native项目
林锐波
03-06 1230
首先需要配置好环境.集体配置安装Homebrew,Node.js,React Native;命令行开启RN项目 (如要cd 进入到当前项目的跟目录下) 1. npm install 2. react-native run-android (注意RN项目需要通过终端来开启,前提是npm install后)如果出现红屏或白屏,要设置android开发者IP配置(若mac进入不了adb命令,需配置ad
react-native 运行项目
lx_1024的博客
06-27 2155
打开cmd，找到项目所在位置，运行以下指令：1.npm install，安装项目依赖，有时可能需要翻墙，一般比较慢。2.react-native run-android  打包安卓项目，如果连接了手机，那么运行完后会直接发送到手机安装，如果没有连接手机，可以在android\app\build\outputs\apk下找到刚才打包的文件，发送到手机安装或者在手机模拟器上安装，如果在手机安装，安装好...
React Native运行
whuzjn的专栏
03-24 3640
1、创建/拷贝项目 在cmd控制台（Workspace目录）使用命令react-native init AwesomeProject创建名称为【AwesomeProject】的项目 如果引入的项目是从其他地方拷贝过来的，可能需要安装RN的依赖包，执行命令如下： cd AwesomeProject npm install 2、开启服务 在cmd控制台（项目目录）启动RN服务，执行命...
react-native 创建新的项目
唤起鱼的记忆
11-30 5785
react-native 创建新的项目 一、安装node 1、首先进入node官网，查看下载你所需要对应安装的node版本 node中文网下载链接：node中文网链接 2、打开开始菜单，输入cmd，打开cmd (windows系统直接用win+r快捷键可以快速打开cmd) node -v 查看node版本号，可以知道是否安装node成功 npm -v 查看npm版本号，可以知道安装的npm版本 如下图所示： 二、创建react-native项目 1、react-native init 项目名称（
创建React Native项目
qq_48648782的博客
09-10 793
React Native及项目开启 React Native的产品是真正的手机端原生代码：得益于其特殊的编译环境，可以使用JS来开发项目，最终通过编译环境改变为原生的android或iOS代码 生成项目包：npx react-native init 包名 连接模拟器：步骤顺序非常重要 先开启adb服务器：adb devices 开启模拟器 侦测设备：adb devices 运行，在项目目录下执行：npm run android 或 yarn run android(推荐使用，成功概率高) 把编译成功
VSCode搭建React Native环境
11-21
点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在debug 页面，点击如下位置，添加configurations 然后点击添加配置，选择debug android 此时点击F5,则可出现如下界面，表示 react...
udp-mobile:React Native项目
05-24
react-native run-android # iOS react-native run-ios 使用这个例子 输入您的凭据，然后点击“登录”按钮。 您可以使用注册Developer Org时创建的帐户登录，也可以使用Okta目录中的已知用户名和密码。 完成登录...
Android原生项目集成最新版本ReactNative
01-30
你可以通过运行`cd YourReactNativeProject && npx react-native run-android`来启动React Native的打包服务器，然后在Android Studio中运行你的原生应用，它会自动连接到React Native的服务器并加载JS代码。...
react native项目的创建和运行
weixin_30878361的博客
01-29 104
1.创建项目 react-native init projectName 2.运行项目 在AndroidStudio上运行安卓模拟器 cd projectName react-native run-android 3.更改代码后，在安卓模拟器界面，按两下R,页面就刷新了 转载于:https://www.cnblogs.com/luguankun/p/10332384.htm...
react native搭建过程
wxl1390的博客
08-04 3083
react native搭建过程
React-Native项目工程搭建
mapbar_front的博客
01-16 1586
任何一个项目的搭建，都是考验一个程序员的技术功底，而 React-Native 也不例外。同时，搭建一个 React-Native 的项目工程，其实要比普通的 Web 项目更难一些，因为 React-Native 是一个新的体系，基本它的底层机制和 H5 完全不同，无论是本地存储，还是运行环境，都需要我们熟悉它。
创建react native项目并在genymotion上运行
懿小诺的博客
09-21 8543
一、创建新项目并运行 1、新建项目 在计算机中新建一个文件夹存放工作文件（workspace），并打开终端，进入该文件夹目录下，创建新项目：本项目名为Test react-native init Test            Enter回车进行创建 //本文中编辑器用的是sublime，下载地址： 2、模拟器上运行项目 将创建的文
react-native 搭建环境及运行项目
最新发布
m0_61672533的博客
03-11 1269
react-native 搭建环境及运行项目
React Native 创建新项目详细教程
afufufufu的博客
08-16 3341
React Native 创建新项目详细教程
React Native入门系列：创建我的第一个RN Project
蜗牛不会跑
07-05 1315
一、前言1.准备在创建RN之前，我们需要先安装相应的工具和搭建环境。可以参考我上一篇文章：React Native入门系列：如何搭建RN环境（Windows篇）2.目标本章例子中文章达到目标：创建RN项目步骤在创建中遇见的问题解决配置WebStrom建议下载最新版WebStrom： 官方最新版WebStrom下载地址使用WebStorm+AndroidStudio来写RN程序3.项目地址二、开启大...
从0开始搭建一个react-native项目
丰柏林的博客
05-31 691
按照官网的步骤 如果你没有Brew 那么献上一篇文章 安装brew 安装node brew install node 安装watchman brew install watchman 更换镜像源 npx nrm use taobao 安装yarn包管理工具 npm install -g yarn 下载Xcode 在 Xcode 中安装 iOS 模拟器，安装模拟器只需打开 Xcode > Preferences… 菜单，然后选择 Components 选项，即可看到各种可供安装的不同的 iOS
android studio虚拟机运行react-native项目全流程（避坑笔记）
热门推荐
在下月亮有何贵干
01-31 1万+
年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全程下来，应该会少很多问题。
react native项目创建
10-12
3. 运行以下命令来创建一个新的 React Native 项目： ``` npx react-native init MyProject ``` 其中，`MyProject` 是你想要创建的项目名称。 4. 等待项目创建完成后，进入项目目录并运行以下命令来启动应用程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值