搭建React项目,超简单教程

article/2025/7/29 7:02:46

步骤

  • 前言
  • 一、安装create-react-app
  • 二、使用步骤
    • 1.创建项目
    • 2.运行项目
    • 3.文件目录
  • 总结


前言

最近公司闲的无聊,刚好之前学的React,至今还未搭建过一个React项目,借这空闲时间来练练手,从0开始搭建React项目,以此来记录一下。


一、安装create-react-app

打开cmd,执行:npm install -g create-react-app ; 全局安装。

提示:如果执行失败,可以看一下node版本是否符合,具体版本以官网说明为准

二、使用步骤

1.创建项目

在需要放入项目的路径下,打开cmd并输入create-react-app route-v5 ,route-v5为项目名,自己随意取

成功后如下(示例):
在这里插入图片描述

2.运行项目

在项目目录下打开cmd或者在vscode终端中执行npm start,成功后会开启 本地的一个3000端口,当然,如果3000d端口被占用,会开启其他端口

成功后开启页面如下(示例):

3.文件目录

在这里插入图片描述


总结

以上就是今天要讲的内容,是不是超简单,有不懂或我写的有误可在评论中指出


http://chatgpt.dhexx.cn/article/7ebjHU3k.shtml

相关文章

React项目框架搭建

一、.前置环境安装 确认已安装安装Node.js “在项目开发中需要使用NPM包管理工具,而NPM运行在node.js上面, 所以需要先安装node.js。通过npm可以很方便的安装、共享、分发代码,管理项目依赖关系;通过运行“npm install 包名”几乎…

react项目的搭建与启动

react项目的搭建与启动 准备工作(环境的搭建)react项目创建与启动常用插件安装Sass/Scss安装 准备工作(环境的搭建) (已经准备好的这一步可以跳过) 1.安装Node.js(安装一直选择下一步就行&…

react项目搭建(基础学习笔记)

react项目搭建(基础学习) 安装 局部安装 1、npm init -y或yarn init -y初始化项目 2、全局安装creact-react-app。使用npm install -D create-react-app或yarn add -D create-react-app。使用npx create-react-app --version查看安装的版本号。 3、…

React项目搭建的基本流程

一,版本号 React不同版本之间语法差别还是挺大的,这里放上我项目中的版本号仅供参考 二,项目目录搭建 通过脚手架创建项目: npx-create-react-app 项目名称 1.基本的目录结构 先进行项目初始化,删除项目原始的样式…

react项目搭建--相对较全面

前言:简单记录一下第一次搭建react项目框架,之前只是在已搭建好的框架内去开发实现项目,没有自己动手搭建过,亲自动手实际操作,还遇到挺多问题的。参考了不少文献,帮助我解决并完成整个项目搭建的文献&…

从零开始搭建react项目(一)

自学react有一段时间了,官网文档基础的看了一遍,然后便把之前公司做的一个vue项目用react搭建了下,顺便整理下一些知识点。 项目大概效果: 一、利用create-react-app搭建项目 1、全局安装create-react-app,执行&…

React项目搭建

一、创建项目 1、cmd切换到目标文件夹 2、初始化项目 npx create-react-app init-mobile 3、切换到对应目录根据提示启动项目 二、配置项目文件目录 调整项目中src目录结构如下: 三、引入组件库antd-mobile 1、安装 npm install --save antd-mobilenext 2、在…

思科路由器开启DNS解析

一、DNS服务端、DNS中继 R2(config)# interface FastEthernet0/0 R2(config-if)# ip address 192.168.1.254 255.255.255.0 R2(config)# interface FastEthernet0/1 R2(config-if)# ip address 22.1.1.2 255.255.255.0 R2(config)# router ospf 1 R2(config-router)# net…

IIS DNS服务器搭建

1——IIS(因特网信息服务),IIS意味着你能发布网页,在没有配置服务器之前就用IP访问。步骤步骤 开始---》控制面板---》添加或删除程序---》双击应用程序服务器---》选择IIS、控制台 我这里,顺便双击了网络服务---》添加…

Wireshark实验 - DNS

Wireshark实验 - DNS 官方英文文档:Wireshark_Intro_v6.01.pdf Wireshark 实验: DNS v6.01 《计算机网络:自顶向下方法(第6版)》补充材料,J.F. Kurose and K.W. Ross “不闻不若闻之,闻之不若见之&#…

内网DNS重要使用作用

DNS服务简介: DNS(Domain Name System–域名系统),是因特网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网。是一个应用层的协议DNS使用TCP和UDP端口53。 DNS是一个分布式数据库,命名系统采用层次的逻辑结构…

DNS和SMTP

目录 SMTP 因特网中的电子邮件 ​一个简单的例子 什么是SMTP SMTP的缺点 用SMTP传输一个邮件的过程 SMTP是如何将一个报文从发送邮件服务器传送到接收邮件服务器的。 SMTP与HTTP的区别 共同点 不同点 邮件报文格式 邮件访问协议 POP3 IMAP 基于Web的电子邮件 D…

什么是DNS?为什么选择UDP?详细的DNS解析过程?

DNS DNS1、DNS是什么?2、因特网的域名结构3、缓存(Cache)4、 DNS请求实例 DNS 1、DNS是什么? DNS ( Domain Name Systme)简单理解就是解析器、域名服务器的组合,比如大家访问知乎,会输入http://www.zhihu.com&#x…

怎么选最快dns服务器,dns设置(dns设置哪个最好最快)

dns设置(dns设置哪个最好最快)我们知道影响上网速度的因素有很多,硬件、软件等都是高速上网的基础,每个人都希望自家的网速越来快,在相同的硬件、带宽固定的情况下,如何来择优选择上网参数中的DNS服务器呢? DNS服务是网…

如何查找最近最快的dns服务器,如何可以选择适合自己的最快的DNS服务器?

应邀回答本行业问题。 使用三大运营商的宽带网络,默认的DNS就是最快的DNS。访问DNS的快慢,和DNS服务器的响应速度,以及往返时延有关。 我们访问一个DNS的时延,是DNS服务器的响应时延,加上终端到服务器的往返时延&#…

DNS 域名解析

介绍域名 网域名称(英语:Domain Name,简称:Domain),简称域名、网域。 域名是互联网上某一台计算机或计算机组的名称。 域名可以说是一个 IP 地址的代称,目的是为了便于记忆。例如&#xff0c…

DNS 服务器选择

DNS 服务器选择 重要的事情写到前面,因为现在是快餐文化,快餐阅读,没有人愿意静下心研究和和阅读了。 本文主要介绍了一些DNS的测试速度,不介意直接拿去使用,如需使用还需要自己测试才行,就算我们找到了最…

怎么选最快dns服务器,如何选择适合自己的最快的DNS服务器?-

DNS在平时上网扮演着重要的角色,如果不注意DNS的话,可能会导致网速慢、弹出广告、网址打不开等一系列问题。那么有哪些比较好的DNS服务器呢?参考下图。 默认情况下,我们使用运营商分配的DNS,也可以使用公共DNS&#xf…

设置正确的DNS

上网或下载软件慢问题,除去少数设备陈旧、感染病毒、网卡硬件故障和网卡驱动错误方面的因素,绝大部分原因是由于部分上网电脑或家用无线路由器设置了错误的DNS造成的,正确的方法是应该在电脑或路由器上使用本地互联网营运商(以下简…

将字符串转换为数字(a_to_i)

大部分人看到这样的题目,觉得很简单,很多人就会写出如下程序: int My_atoi(const char* str) { int val 0; while(*str ! \0) { val val * 10 *str - 0; str; } return val; } 这个程序是没有问题的…