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 的更多信息。

怎样启动别人创建好的react项目相关推荐

  1. react项目创建步骤

    今天创建第一个react项目,也踩了一些坑.从npm安装开始 记录一下. 1.下载 nodejs并安装 2.nodejs 目录下创建node_global 和 node_cache文件夹 3. 配置目 ...

  2. 如何创建一个React项目(超简单)

    1.安装Node.js(官网Node.js下载) 2.运行node -v和npm -v两条命令(检验是否下载成功Node.js) 3.npm install -g cnpm --registry=ht ...

  3. React项目框架搭建

    一..前置环境安装 确认已安装安装Node.js "在项目开发中需要使用NPM包管理工具,而NPM运行在node.js上面, 所以需要先安装node.js.通过npm可以很方便的安装.共享. ...

  4. 第一次搭建React项目以及错误:getaddrinfo ENOTFOUND registry.npmjs.org解决办法

    需要安装node.js,npm,为了下载速度,一般都是用阿里云的镜像. 我是用的版本如下: 在D盘下的workSpace文件夹下创建第一个React项目 发现报错 说是连接不上某个url.(大致就这个 ...

  5. react项目_保证一看就会 | 手把手教你创建一个React项目

    一.如何使用 git 在 GitHub 上创建一个项目 新建一个项目 首先,在github上注册自己的账号,然后登录后,可以看到如下界面,是你的主页.点击右边的➕号,选择第一个选项 填写项目信息 此时 ...

  6. 只需3分钟,就能轻松创建 一个SpreadJS的React项目

    概述 SpreadJS 纯前端表格控件 V11.2(SP2) 已经全面支持了 React 的拓展.接下来我们看下如何利用3分钟快速创建一个 SpreadJS 的 React 项目. 1.新建React ...

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

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

  8. 如何创建React项目

    前言 构建React项目的几种方式: create-react-app 脚手架快速搭建 react 项目(推荐) yeoman 脚手架搭建 react 项目 webpack 一步一步构建 react ...

  9. 如何从零开始创建React项目

    首先运行环境-node是必须的,需要下载安装node的运行环境,官网下载即可点击打开链接 安装好了node之后,自然的就有了npm,npm可以帮助开发人员,下载React项目必用的一些包,当然也可使用 ...

最新文章

  1. Django models数据库配置以及多数据库调用设置
  2. Java主要知识结构
  3. 【译】A gentle introduction to self-sovereign identity
  4. 基于Xml 的IOC 容器-分配注册策略
  5. 参数化测试 junit_使用JUnitParams进行参数化的JUnit测试
  6. linux下如何查看主机是否安装了ftp server
  7. folly教程系列之:future/promise
  8. python中函数 reshape(-1,1)
  9. 使用c语言实现INI文件的读写
  10. 和为S的连续正数序列(python)
  11. 数据结构和算法——八种常用的排序算法------基数排序
  12. MySQL 第六章过程式数据库对象.1存储对象
  13. AXURE RP 9 ——【中继器】
  14. IDEA环境下yml文件不显示小绿叶(不被识别为配置文件)
  15. 工程师的终极灵魂拷问: 谷歌和FB的offer, 应该怎么选?
  16. 全触控HIFI级音质,击音Super HD II,你喜欢的样子我都有!
  17. 什么是生态型平台企业?
  18. node之手写脚手架
  19. Lync Server 2010 呼叫寄存配置和启用
  20. Python50图之01散点图 02气泡图

热门文章

  1. 【数据结构】排序特辑:归并外排序(基础)
  2. linux简单命令解释器设计,Linux环境下模拟实现命令解释器
  3. splay tree java移除_Splay Tree的删除操作
  4. 2021西电MoeCTF
  5. pytest-ordering 测试用例排序
  6. 关于如何绕开对通用VMware虚拟机检测的一些收集
  7. CF1045C Hyperspace Highways(圆方树板子)
  8. 2021微信小程序最新迷你首页样式布局
  9. 在Linux中检查Apache服务器状态和正常运行的3种方法
  10. django OuterRef Exists Subquery