如何运行react创项目

最近在看一个项目，前端是react写的代码，平时作为后端的我，以为写点html代码就是前端的了

但是我们知道最近比较火的是react为了跟上时代的步伐，我也想去布置一个react项目

其实也不难：

这个是安装网上的步骤，自己一点一点的搭建起来的

还有：

这两个是一样的效果但是也是有区别的

我们看到的是端口不同

但是启动的逻辑是不同的：

这个是我搭建的目录结构

public 和build是完全一样的内容

我们用npm start 启动时public

也可以启动静态的服务

npm run build 会生成一个build的文件夹

build 文件夹我们可以用一个静态的服务器启动

npm install -g serve 安装一个服务

serve -s build 用服务运行build文件夹

但是对方给我了一个build文件夹，一开始我并不知道怎样部署

然后我用build文件夹中的内容覆盖了我创建的build，然后重新启动服务

发现就讲build部署起来的了

感觉很有心得

希望对你有所帮助

如何运行react创项目相关推荐

vscode 连接夜神模拟器运行 react native项目 (很简单的方法)
前言:我这种方式不需要过多配置,只是需要先启动Android studio ,之后再启动vsCode 准备阶段:下载夜神模拟器 1. 开启夜神服务进入到夜神安装的bin目录下,执行 nox_adb. ...
react实战项目_前端学习路线图--从网页设计到项目开发
前端学习路线是螺旋上升的,需要耗费的时间和精力不比其他编程的少,由于其稳健性的特点,使其成为大多数企业开发的刚需编程语言.在网上看到有很多的前端学习路线图,但大部分的前端学习路线图是很零碎的,没有系统 ...
antd + react model自定义footer_使用ESLint+Prettier规范React+Typescript项目
项目开发过程中,大多数时候我们使用别人搭建好的脚手架编写代码,是项目的参与者.对于一些细节往往被忽略了.其中代码检测本身是一类非常简单的配置,但涉及不同框架和语言组合使用的时候,可能比想象中要困难,本 ...
如何在iOS上运行React Native应用
by Soujanya PS 通过Soujanya PS 如何在iOS上运行React Native应用 (How to run a React Native app on iOS) I recent ...
技术实践丨React Native 项目 Web 端同构
摘要:尽管 React Native 已经进入开源的第 6 个年头,距离发布 1.0 版本依旧是遥遥无期."Learn once, write anywhere",完全不影响 Re ...
index android js,reactjs – React Native项目没有index.ios.js或index.android.js
首先确保您已完成以下下载: > Java Sdk > Android Studio > Xcode(如果是OSX) > HomeBrew(在OSX的情况下安装节点) >节 ...
react前端项目_如何使用React前端设置Ruby on Rails项目
react前端项目 The author selected the Electronic Frontier Foundation to receive a donation as part of th ...
从零开始创建react+Django项目
环境准备 react项目的环境准备和配置参考(后面会需要修改react项目的一些配置,建议先了解): https://blog.csdn.net/sysukehan/article/details/1 ...
React基础学习笔记（一）-react前端项目的两种搭建方式
1.运行环境准备需要先进行react项目的运行环境nodeJS的安装,具体安装流程可以参考: windows版本的安装配置帮助文档:https://www.cnblogs.com/liuqiyun/ ...

如何运行react创项目

如何运行react创项目相关推荐

最新文章

热门文章