创建ReactNative脚手架-项目

已于 2022-05-28 18:09:41 修改
阅读量604 收藏
点赞数
分类专栏： Raect-native 文章标签： react native react.js javascript
于 2022-05-28 18:04:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44834981/article/details/125020943
版权
本文介绍如何使用React Native CLI脚手架工具快速搭建React Native项目。包括安装全局CLI、初始化项目及验证安装等步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

搭建react native项目之前，需要配置电脑环境，
参考上一篇文章： react native环境配置搭建

搭建ReactNative脚手架

1.安装脚手架npm install -g react-native-cli
2.cd 到需要建立项目的文件夹
3.npx react-native init xx名称
在这里插入图片描述

需要一定的时间创建项目.
4.创建后，cd到项目根目录下，react-native -v查看下输出：
react-native-cli: 2.0.1
react-native: 0.68.2
5. .cd 到项目的文件夹中 , npx react-native run-ios
在这里插入图片描述

RN几种脚手架工具的使用和对比（react-native-cli、create-react-native-app、exp）
weixin_33800463的博客
04-28 3228
本文档将持续更新，欢迎指正 1、react-native-cli 无法使用exp服务 react-native init program-name #初始化项目 npm start（react-native start） #在项目目录下启动 js service react-native run-android #已连接真机或开启模拟器前提下，启动项目 react-native run-io...
React Native热修复CodePush以及react-native-update
lmq121210的博客
08-18 1637
对于RN开发而言，最方便的就是热修复了，我们公司项目集成的热修复是：react-native-update，但是我们的用户主要针对尼日利亚用户，而国内的react-native-update补丁包是放在国内七牛上的，因此访问巨慢，加上尼日利亚那边基本都是3G，综合考虑该换微软的：CodePush. 对于CodePush而言，东西是真的多，覆盖问题真的全，因此我们需要摘出我们需要的东西——根据需求找...
基于reactnative的脚手架在官方初始化项目的基础上
08-10
基于react-native的脚手架，在官方初始化项目的基础上
React从脚手架开始搭建项目
qq_36541886的博客
08-24 379
打开终端，下载配置好npm后，输入以下命令(create-react-app是官方的脚手架工具，大家可以根据个人情况选择)，-g是全局安装的意思。大家可以在学习的过程中多看react的官方文档。输入以上命令行，就可以进入react了啦！这里“todolist”是创建的项目名称。
React-native脚手架探索
最新发布
qq_35485206的博客
05-12 587
本文主要探讨了React Native 脚手架和Expo CLI，并对它们的特点进行了比较分析。🔧📱：适合需要原生模块能力、自定义程度更高的项目；Expo CLI：上手简单、配置少，适合快速开发和原型验证。文章还详细介绍了两者的优缺点组成部分，帮助我们更好地理解它们的适用场景。如何启动项目与运行调试；使用外部依赖包(如图标、HTTP 请求等)；配置导航功能，包括：路由传参数配置使用TabBar与Drawer实现底部与侧边导航最后总结指出，本节内容是。
ReactNative进阶（三十五）：应用脚手架 Yo 构建 RN 页面
IT全栈 华强工作室
05-23 1771
在前期博文《ReactNative进阶（三十二）：前端构建工具–Yeoman》中将脚手架yo安装成功，本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码。
打造ReactNative脚手架工程 — 认识RN
Ctrl_S的博客
02-14 1613
关于ReactNative React Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，目前支持IOS和Android两大平台。React Native主张"Learn once, write anywhere",
react-native 脚手架
小贤笔记
11-26 1058
react-native-cli 安装脚手架npm install -g react-native-cli 创建项目react-native init my-app create-react-native-app React 社区孵化出来的一种无需构建配置就可以创建 react-native 的开源项目 安装脚手架npm install -g create-react-native-...
react-native-web：react-native-web的样板
02-19
2. **创建项目**：使用React Native的脚手架工具初始化项目，或者基于已有的React Native Web模板开始。 3. **编写代码**：使用React Native组件和API开发应用，确保在Web和移动平台上都能正常工作。 4. **平台适配*...
react-native-cli:rn的脚手架
05-02
1. **初始化项目**：使用`react-native init ProjectName`命令可以快速创建一个新的React Native项目。它会下载并配置必要的依赖，如React Native库、Babel编译器和项目结构。 2. **添加依赖**：通过`npm install --...
react-一个有经验的ReactNative和mobx融合的脚手架项目
08-15
这个脚手架项目结合了React Native与MobX， MobX是一个流行的状态管理库，尤其适用于处理复杂的React应用状态。让我们深入探讨这个融合项目中的关键知识点。 **React Native** React Native的核心理念是“Learn ...
这是一个reactnative项目的脚手架通用于IOS以及android
08-10
基于redux-saga,react-navigation的RN脚手架,自定义后退,flatlist刷新与加载更多
reactnative项目提取的基础脚手架reactnavigation集成redux
08-10
从react native已有项目中抽取出来的基础的redux的脚手架
React-native学习-56--使用create-react-app脚手架生成项目--react-redux 入门实战
Green
06-24 308
1.概述 1.1 React 与 Redux 的关系 react 与 redux 是没有关系的，redux 支持 react, angular, jQuery, 甚至是javascript Redux 与 React 这类库搭配起来更好用 1.2 React-redux react-redux 就是 Redux 官方出的用于配合 React 的绑定库 react-redux 能够使你的 React 组件从 Redux store 中很方便的读取数据， 并且向 store 中分发 actions..
打造ReactNative脚手架工程 - Detox自动化测试
Ctrl_S的博客
03-03 2533
前言 在移动设备上进行自动化测试最困难的部分是测试金字塔的顶端——E2E。E2E 测试的核心问题是片状性——测试通常不是确定性的。我们相信，要想迎面解决这个问题，唯一的方法就是从黑盒测试转移到灰盒测试。 Detox 是移动应用程序的灰盒端到端测试和自动化框架。当你的手机应用程序在真实设备/模拟器上运行时，使用 Detox 测试它，就像一个真实的用户一样，这大降低了我们对手工 QA 的依赖。 D...
react && reactNative 脚手架
weixin_46155697的博客
08-05 207
react脚手架 1.检查node版本，6.0.0以上 2.文件根目录下打开cmd， 官方脚手架工具create-react-app 3.命令行输入npm install create-react-app -g 配置环境变量 4.命令行输入create-react-app projectName创建项目 5.命令行输入cd projectName进入项目根目录 6.命令行输入cat package.json 1-1.运行 npm start/yarn start 1-2.安装路由 npm i -S rea
打造ReactNative脚手架工程 - 初始化工程
Ctrl_S的博客
02-14 888
搭建环境 关于 RN 的环境搭建这里就不再赘述了。详情参考官方文档 新建工程 使用Facebook提供的react-native-cli工具新建工程， 步骤如下： 执行react-native init rndiy，生成空的工程 node_modules安装成后，提示你运行工程。这里，我们在 Android、IOS 上都演示下 新建空的 RN 工程就已经完成了, 是不是很简单。 ...
React-Native 脚手架的基本使用
一条宝鱼的专栏
10-25 1643
构建项目 在相应的路径下执行命令行：react-native init 项目名(名称不可使用连接符等特殊字符,命名可以参考APP应用名称 比如 FaceBook) react-native --v //查看版本 react-native init demo --version 0.48.0//安装指定的版本 react-native init demo --verbose --version 0.48.0 //verbose是初始化的时候显示安装详情的，安装什么模块以及进度 npm view r.
零Node基础看懂React-Native脚手架工具
大灰狼的小绵羊哥哥的博客
07-10 2590
做过RN开发的同学肯定对react-native-cli命令行工具不陌生，官方文档一开始在搭建开发环境的章节就会介绍到利用这个工具快速创建一个新项目。刚开始接触RN开发的你，一定会对这个命令行工具感到好奇，它是如何快速的创建一个RN项目的呢，又是如何完成一系列的工程目录结构创建，配置信息添加，各种依赖安装的呢，本文就带你来一探究竟。 react-native-cli是Facebook开源项目ReactNative自带的一个脚手架工具，可以很方便帮助开发者快速的从0开始创建一个完整的RN项目。react-n
React Native库快速生成工具：react-native-create-library
react-native-create-library是一个命令行工具，它的作用是自动化创建React Native库的样板代码。这意味着用户可以利用这个工具快速生成一个标准的库结构，从而省去了手动设置样板代码的繁琐过程。这个工具特别适用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值