怎样启动别人创建好的react项目
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项目相关推荐
- react项目创建步骤
今天创建第一个react项目,也踩了一些坑.从npm安装开始 记录一下. 1.下载 nodejs并安装 2.nodejs 目录下创建node_global 和 node_cache文件夹 3. 配置目 ...
- 如何创建一个React项目(超简单)
1.安装Node.js(官网Node.js下载) 2.运行node -v和npm -v两条命令(检验是否下载成功Node.js) 3.npm install -g cnpm --registry=ht ...
- React项目框架搭建
一..前置环境安装 确认已安装安装Node.js "在项目开发中需要使用NPM包管理工具,而NPM运行在node.js上面, 所以需要先安装node.js.通过npm可以很方便的安装.共享. ...
- 第一次搭建React项目以及错误:getaddrinfo ENOTFOUND registry.npmjs.org解决办法
需要安装node.js,npm,为了下载速度,一般都是用阿里云的镜像. 我是用的版本如下: 在D盘下的workSpace文件夹下创建第一个React项目 发现报错 说是连接不上某个url.(大致就这个 ...
- react项目_保证一看就会 | 手把手教你创建一个React项目
一.如何使用 git 在 GitHub 上创建一个项目 新建一个项目 首先,在github上注册自己的账号,然后登录后,可以看到如下界面,是你的主页.点击右边的➕号,选择第一个选项 填写项目信息 此时 ...
- 只需3分钟,就能轻松创建 一个SpreadJS的React项目
概述 SpreadJS 纯前端表格控件 V11.2(SP2) 已经全面支持了 React 的拓展.接下来我们看下如何利用3分钟快速创建一个 SpreadJS 的 React 项目. 1.新建React ...
- react项目_如何从零开始创建React项目(三种方式)
在开发React项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建React项目的方式,分别是在浏览器中直接引入.使用官方脚手架create ...
- 如何创建React项目
前言 构建React项目的几种方式: create-react-app 脚手架快速搭建 react 项目(推荐) yeoman 脚手架搭建 react 项目 webpack 一步一步构建 react ...
- 如何从零开始创建React项目
首先运行环境-node是必须的,需要下载安装node的运行环境,官网下载即可点击打开链接 安装好了node之后,自然的就有了npm,npm可以帮助开发人员,下载React项目必用的一些包,当然也可使用 ...
最新文章
- Django models数据库配置以及多数据库调用设置
- Java主要知识结构
- 【译】A gentle introduction to self-sovereign identity
- 基于Xml 的IOC 容器-分配注册策略
- 参数化测试 junit_使用JUnitParams进行参数化的JUnit测试
- linux下如何查看主机是否安装了ftp server
- folly教程系列之:future/promise
- python中函数 reshape(-1,1)
- 使用c语言实现INI文件的读写
- 和为S的连续正数序列(python)
- 数据结构和算法——八种常用的排序算法------基数排序
- MySQL 第六章过程式数据库对象.1存储对象
- AXURE RP 9 ——【中继器】
- IDEA环境下yml文件不显示小绿叶(不被识别为配置文件)
- 工程师的终极灵魂拷问: 谷歌和FB的offer, 应该怎么选?
- 全触控HIFI级音质,击音Super HD II,你喜欢的样子我都有!
- 什么是生态型平台企业?
- node之手写脚手架
- Lync Server 2010 呼叫寄存配置和启用
- Python50图之01散点图 02气泡图