全局安装react

1、首先安装react脚手架

npm install -g create-react-app

2、创建react项目

create-react-app my-app

3、

PS D:\桌面\papers\subject> create-react-app my-react-appCreating a new React app in D:\桌面\papers\subject\my-react-app.Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...added 1479 packages in 27s252 packages are looking for fundingrun `npm fund` for detailsInitialized a git repository.Installing template dependencies using npm...
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@testing-library/dom@10.4.0',
npm WARN EBADENGINE   required: { node: '>=18' },
npm WARN EBADENGINE   current: { node: 'v16.17.0', npm: '8.15.0' }
npm WARN EBADENGINE }added 63 packages, and changed 1 package in 6s252 packages are looking for fundingrun `npm fund` for details
Removing template package using npm...npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@testing-library/dom@10.4.0',
npm WARN EBADENGINE   required: { node: '>=18' },
npm WARN EBADENGINE   current: { node: 'v16.17.0', npm: '8.15.0' }
npm WARN EBADENGINE }removed 1 package in 1s252 packages are looking for fundingrun `npm fund` for detailsCreated git commit.Success! Created my-react-app at D:\桌面\papers\subject\my-react-app
Inside that directory, you can run several commands:npm startStarts the development server.npm run buildnpm testStarts the test runner.npm run eject
Compiled successfully!```3、根据提示进入项目目录```javascript
cd my-react-app

4、启动项目

npm run start

5、浏览器中出现react图标项目就创建成功并运行了
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/878590.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解释 JVM 的内存模型(堆、栈、方法区等),并简述如何通过调整 JVM 参数来优化应用程序的性能?

JVM(Java Virtual Machine)的内存模型是 Java 程序运行的基础,理解它的各个组成部分对于优化应用程序的性能至关重要。 JVM 的内存模型主要包括以下几个部分: 堆(Heap)栈(Stack)方…

数据结构(1)数据结构基础(单向链表)

一、什么是数据结构 数据结构是一组用来保存一种或多种特定关系的数据的集合。其主要目的是组织和存储数据,以便于高效的访问和修改。在程序设计中,将大量而复杂的问题以特定的数据类型和特定的存储结构存储在内存中,并在此基础上实现某个特定…

Docker安装Neo4j图数据库和APOC插件

文章目录 一、前言二、安装Neo4j三、测试Neo4j四、安装APOC插件五、测试APOC插件 一、前言 官方文档:https://neo4j.com/docs/operations-manual/current/docker/introduction/ 二、安装Neo4j 我这里以 5.23.0 版的 Neo4j 为例 拉取镜像 docker pull neo4j:5.23.0…

Java-用户线程与守护线程

在Java中,线程分为用户线程和守护线程。用户线程是程序的主要线程,而守护线程则是为用户线程提供支持的后台线程。以下是对这两种线程的详细解释以及示例代码。 用户线程与守护线程的区别 用户线程: 用户线程是应用程序中执行的主要线程&…

HarmonyOS NEXT 应用运行异常记录与解决(持续整理版)

问题一 App Launch Failed to get the device apiVersion. 解决方案 进入到设备管理,点击对应开启的模拟器设备,先将模拟器关闭,然后点击查出掉用户数据,再重启。 重启之后,一般能解决。如果遇到还是显示拿不到apiVer…

《第三十四章 高级主题 - 动画效果》

在 Android 应用开发中,动画效果能够显著提升用户体验,使应用更加生动和吸引人。本章将深入探讨 Android 中的动画效果,包括属性动画、帧动画以及 ViewPager 动画。 一、属性动画 (一)属性动画简介 属性动画是 Android…

bash反弹shell分析

目录 介绍步骤 介绍 与目标主机建立连接的原理是利用漏洞执行ShellCode。 GetShell的实质是:执行ShellCode,将目标主机的Shell重定向到攻击机。拿到Shell利于后续的渗透。 所谓的反弹Shell是指GetShell的过程由目标主机主动发起(反向连接&a…

Git如何安装和配置

一、Git 的安装 1、Git 的官网 Git (git-scm.com) 2、下载 Git for Windows 在官网下载好 Git 的安装文件后,接下来就可以进行安装了。 3、安装 Git 以管理员身份运行你下载的安装文件: 然后就可以进入安装向导了。 4、验证是否安装成功 当安装向…

测试分类简介

1.按照测试⽬标分类 1)界面测试: 界⾯测试(简称UI测试),指按照界⾯的需求(⼀般是UI设计稿)和界⾯的设计规则,对我们软件界⾯所展⽰的全部内容进⾏测试和检查。 2)功能测试&#xff…

内存管理(三)--Linux CMA内存使用

文章目录 一、预留一段内存常用方法1.1 设备树定义reserve memory 二、内存节点常见属性2.1 no-map和reusable使用上的区别 三、预留CMA的reserved memory方法3.1 共享cma(采用设备树)3.2 共享cma(采用bootargs)3.3 私有cma 四、使…

【数据结构】--初始集合框架

1. 什么是集合框架 集合框架:Java中已经实现好的集合类(一些已经由Java实现好的数据结构)。Java的数据结构和C语言的数据结构是没有什么区别的,里面的区别就只是实现的语言不一样。不可能出现Java的单链表和C语言实现的单链表是两个不同的东…

idea配置svn发现安装的svn中的bin目录下没有svn.exe文件

问题描述 使用idea配置svn时,发现安装的svn没有svn.exe文件 解决方法 1、双击svn安装包,找到【modify】 2、默认安装时,没有安装command line client tools,里面是有svn.exe 3、选择will be installed on local hard drive 4、…

idea中使用git提交代码报错husky > pre-commit

1、原因: 本地项目中的.git下的一个文件导致的提交失败,这个文件是pre-commit文件。由于预提交钩子pre-commit导致的提交失败,通过删除.git/hooks/pre-commit文件可以解决 2、解决步骤: 1、找到项目中的.git文件夹,…

鸿蒙-右边固定长度,左边超长Text自适应

Component Entry struct test {build() {Row() {Column() {Text(长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串长字符串).maxLines(1).textOverflow({ overflow: TextOverflow.Ellipsis…

公园智能厕所引导大屏,清楚显示厕位有无人状态

在科技飞速发展的今天,公园的设施也在不断与时俱进。其中,公园智能厕所引导大屏的出现,为游客带来了全新的如厕体验。 走进公园的智能厕所区域,首先映入眼帘的便是那醒目的引导大屏。屏幕上清晰地显示着各个厕位的有无人状态&…

sqlite3的db.parallelize方法:并行执行SQL语句,提升数据库操作效率

在Node.js环境中,sqlite3作为一个广受欢迎的轻量级数据库库,为开发者提供了一个与SQLite数据库进行交互的简洁API。在进行数据库操作时,为了提高效率,sqlite3提供了db.parallelize方法,允许并行执行多个SQL语句&#x…

ROS Simulink 支持与限制

ROS Simulink 支持与限制 ROS 工具箱在 Simulink 中不支持以下 ROS 功能: ROS 服务 服务器ROS 动作 如果您的应用需要这些功能,建议使用 MATLAB ROS 功能。您可以使用 MATLAB 编写一个 ROS 节点,该节点可以将服务、动作和变换树发布到一个…

一、登录接口-注意实现

一、如何保护cookie或jwt不被劫持 使用https对请求、响应信息进行加密,防止被攻击者中途劫持请求信息 二、什么是跨域?合理的设置跨域能够解决哪些问题 跨域是浏览器做出的一种安全策略,它要求发起请求的客户端必须和服务端保持相同的协议…

4款电脑数据恢复软件分享,告别天价恢复!

大家应该都经历过数据丢失吧,这不,前两天,我那电脑不知怎的,突然就把我辛苦整理的文件夹给“咔嚓”一声删掉了。这下可好,我那里面可是有我好几个月的心血啊!好在,我之前也发生过类似的事情&…

【通俗理解】最优控制之旅——强化学习中的策略优化

【通俗理解】最优控制之旅——强化学习中的策略优化 关键词提炼 #最优控制 #强化学习 #状态值函数 #奖励函数 #折扣因子 #贝尔曼方程 #策略迭代 #值迭代 #动态规划 #马尔可夫决策过程 第一节:最优控制的类比与核心概念 1.1 最优控制的类比 最优控制就像是一位精…