怎样启动别人创建好的react项目

article/2025/11/7 18:43:42

1.首先下载好创建的react项目后,在cmd命令框中先进到对应的项目路径

2. 命令行输入node -v,npm -v命令,查看对应的版本,如下图

3. 输入npm install命令 来安装依赖(需要段时间才成执行完成)

如果你是下载react项目,通常不会包含node_modules文件夹,需要在执行启动命令前,先执行npm install来安装依赖。

这个时候,它会自动根据你package.json里面的依赖,下载你需要的node_modules,然后就能运行了。

4.输入 npm start 命令 启动项目即可

5. 访问地址

http://localhost:3000/ua-ipps-audit

ua-ipps-audit为项目名,3000为默认端口

6.项目创建及介绍

Create React App 是一个用于学习 React 的舒适环境,也是用 React 创建新的单页应用的最佳方式。

它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 14.0.0 和 npm >= 5.6。安装如下图,只需安装这一个,会同时安装好npm

要创建项目,请执行如下命令,其中my-app为起的对应的项目名称:

npx create-react-app my-app

cd my-app

npm start

Create React App 不会处理后端逻辑或操纵数据库;它只是创建一个前端构建流水线(build pipeline),所以你可以使用它来配合任何你想使用的后端。它在内部使用 Babel 和 webpack,但你无需了解它们的任何细节。

当你准备好部署到生产环境时,执行 npm run build 会在 build 文件夹内生成你应用的优化版本。你能从它的 README 和用户指南了解 Create React App 的更多信息。


http://chatgpt.dhexx.cn/article/0M4WgQpF.shtml

相关文章

VSCode --- React项目实操

VSCode --- React项目实操 1.导入项目1.1 开启vscode,进入终端1.2 React项目结构 2.启动项目3.开发3.1 认识项目3.2 创建页面 x.报警 项目模板从git下载的: coreui-free-react-admin-template. 1.导入项目 1.1 开启vscode,进入终端 1.常用快…

Vite创建React项目

文章目录 1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 启动项目 Vite 需要 Node.js 版本 > 12.0.0。(node -v 查看自己当前的node版本) 使用 yarn:yarn create vitejs/app使用 npm:npm init vitejs/ap…

如何创建一个 react 项目

目录 前言 一、create-react-app 脚手架快速搭建 react 项目 1、安装 create-react-app 2、检测 create-react-app 是否安装成功 3、创建 react 项目 二、generator-react-webpack 脚手架搭建 react 项目 1、安装 yeoman 2、安装 generator-react-webpack 3、创建 rea…

react项目服务器Tomcat,tomcat部署react项目的方法

tomcat部署react项目的方法 发布时间:2020-12-16 09:44:42 来源:亿速云 阅读:151 作者:小新 这篇文章主要介绍了tomcat部署react项目的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章…

如何从零开始创建React项目(三种方式)

在开发 React 项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建 React 项目的方式,分别是 “在浏览器中直接引入”、“使用官方脚手架 create-react-app” 以及 “使用 Webpa…

【React进阶-1】从0搭建一个完整的React项目(入门篇)

这篇文章带领大家从零开始手动撸一个React项目的基础框架,集成React全家桶。万字长文,请各位有足够的时间时再来阅读和学习。 概述 平时工作中一直在用React提供的脚手架工具搭建React项目,一行命令全都搞定,自己只管做需求开发即…

推荐10个不错的React开源项目

1,Kutt.it Kutt是一个现代的URL缩短器,支持自定义域,可以用来缩短网址、管理链接并查看点击率统计信息。Kutt支持自定义域名,设置链接密码和描述,缩短URL的私人统计信息,查看、编辑、删除和管理链接&#…

Github上8个很棒的React项目

大家好,我是若川。持续组织了近一年的源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…

MySQL 数据库引擎比较

MyISAM: 优势 – 查询速度快 – 数据和索引压缩 问题 – 表级锁 – 数据丢失 InnoDB: 优势 – 行级锁 – 事务支持 – 数据安全 问题 – 数据文件庞大 – 启动慢 – 不支持FULLTEXT索引 比较:

数据库_mysql数据库引擎_数据库索引

文章目录 前言一、MySql数据库引擎1.1、数据库引擎任务1.2、常用的数据库引擎1.2.1、InnoDB存储引擎页主要部分 InnoDB的几个变量 1.2.2、MyISAM存储引擎1.3 、存储引擎设置1.4、如何选择存储引擎 二、索引的数据结构2.1、什么是索引2.2、索引有什么用2.3、优点和缺点2.4 为什么…

【Mysql】数据库引擎

引擎 存储引擎数据库引擎数据库引擎的定义数据库引擎的任务mySql引擎的类别ISAM引擎MyISAM引擎Heap引擎InnoDB引擎InnoDB与MyISAM对比 存储引擎 MySQL常见的两种存储引擎:MyISAM和InnoDB 数据库引擎 数据库引擎的定义 访问数据库时,通过数据库引擎访…

mysql之数据库引擎

一:引擎概述 1,为什么要合理选择数据库存储引擎? MySQL中的数据用各种不同的技术存储在文件(或者内存)中。这些技术中的每一种技术都使用不同的存储机制、索引技巧、锁定水平并且最终提供广泛的不同的功能和能力。通过…

MYSQL——MYSQL中常见的数据库引擎

文章目录 MYSQL中常见的数据库引擎1、什么是数据库引擎?2、MYSQL中有哪些数据库引擎3、常见引擎介绍(1)InnoDB(2)MyISAM(3)Memory(Heap) MYSQL中常见的数据库引擎 1、什…

Mysql:数据库引擎

废话不多说,我们先看MySql 用到了那些引擎 SHOW ENGINES 直接可以看到有下面这些引擎 InnoDB,MRG_MYISAM,MEMORY,BLACKHOLE,MyISAM,CSV,ARCHIVE,PERFORMANCE_SCHEMA,FE…

MySQL体系结构及数据库引擎

文章目录 一、MYSQL的体系结构1、连接器2、查询缓存3、分析器(要做什么)4、优化器(怎么做)5、执行器6、数据库引擎1)mysql支持的引擎2)常用的mysql引擎比较3)索引组织表、堆组织表4)…

MySQL数据引擎

一、MySQL提供什么存储引擎 mysql> SHOW ENGINES;二、查看默认的存储引擎: mysql> SHOW VARIABLES LIKE %storage_engine%;三、各种引擎介绍 1、InnoDB存储引擎(1)大于等于5.5之后,默认采用InnoDB引擎(2&…

MySQL数据库引擎详解

作为经常使用MySQL数据库的人,不得不对MySQL的数据库引擎有一定的了解,在之前我也是只会使用MySQL,但两次的面试中都被面试官问及项目用到的数据库引擎(血与泪),因此,有必要写一篇文章&#xff…

数据库引擎

一:数据库引擎的定义 数据库引擎简单来说就是一个"数据库发动机"。当你访问数据库时,不管是手工访问,还是程序访问,都不是直接读写数据库文件,而是 通过数据库引擎去访问数据库文件。以关系型数据库为例&…

MySQL的数据库引擎介绍

1、什么是数据库引擎 数据库引擎就是操作数据库的一段程序或程序段,用于存储、处理和保护数据的核心服务。 利用数据库引擎可控制访问权限并快速处理事务,从而满足企业内大多数需要处理大量数据的应用程序的要求。数据库应用项目是通过数据库引擎与数据库…

CY7C68013 内存溢出问题

最近在开发CY68013 USB芯片的时候,开发环境(keil C51),开始的时候都编译正常,但是在我增加了一些变量和操作后,出现了很多的报错,提示内存溢出 *** ERROR L107: ADDRESS SPACE OVERFLOW 之前的…