使用create-react-app脚手架创建react项目
文章目录
- 1、安装create-react-app脚手架
- 2、创建 React 项目，项目名为 react-demo
- 3、项目创建成功
- 4、使用vscode打开项目并运行
- 5、项目运行成功
- node_modules：存放项目所依赖的一些第三方包文件
- public：静态资源文件夹
- src:源码文件夹
- 其它文件
1、安装create-react-app脚手架
打开cmd，执行命令npm i -g create-react-app，安装create-react-app脚手架
2、创建 React 项目，项目名为 react-demo
执行命令
create-react-app react-demo
3、项目创建成功
4、使用vscode打开项目并运行
输入npm start运行项目
5、项目运行成功
node_modules：存放项目所依赖的一些第三方包文件
public：静态资源文件夹
favicon.ico：导航图标
index.html：项目首页的html模版
logo192.png&logo512.png：两个logo图片
manifest.json：应用加壳配置文件，在手机上描述我们应用程序的json文件
robots.txt：爬虫协议文件
src:源码文件夹
App.css：App组件的样式
App.js：App组件
App.test.js：自动化测试文件，用于给App做测试
index.css：全局样式
index.js：入口文件，所用组件都会通过index.js载入
logo.svg：react的一个标志文件，sug文件是纯粹的XML，保证了在放大缩小时图像不失真
reportWebVitals.js：导入了一个web-vitals的第三方库，用来检查应用程序的性能
setupTests.js:从Jest-dom导入匹配器，在进行测试时使用
其它文件
.gitignore：git的一个文件，在这里可以配置不想提交到版本库里的文件
package-lock.json：项目安装包的版本号
package.json：存放react的一些依赖和指令
README.md：项目的介绍文件，运用markdown标记语言编写，在github等开源代码网站上，项目常用.md文件来进行介绍
相关文章：
使用create-react-app脚手架创建react项目
文章目录 1、安装create-react-app脚手架2、创建 React 项目，项目名为 react-demo3、项目创建成功4、使用vscode打开项目并运行5、项目运行成功node_modules：存放项目所依赖的一些第三方包文件public：静态资源文件夹src:源码文件夹其它文件 1…...
【网络安全】网络防护之旅 - 点燃网络安全战场的数字签名烟火
🌈个人主页：Sarapines Programmer🔥 系列专栏：《网络安全之道 | 数字征程》⏰墨香寄清辞：千里传信如电光，密码奥妙似仙方。 挑战黑暗剑拔弩张，网络战场誓守长。 目录 😈1. 初识…...
JVM基础扫盲
什么是JVM JVM是Java设计者用于屏蔽多平台差异，基于操作系统之上的一个"小型虚拟机"，正是因为JVM的存在，使得Java应用程序运行时不需要关注底层操作系统的差异。使得Java程序编译只需编译一次，在任何操作系统都可以以相…...
SpringBoot基于gRPC进行RPC调用
SpringBoot基于gRPC进行RPC调用 一、gRPC1.1 什么是gRPC？1.2 如何编写proto1.3 数据类型及对应关系1.4 枚举1.5 数组1.6 map类型1.7 嵌套对象 二、SpringBoot gRPC2.1 工程目录2.2 jrpc-api2.2.1 引入gRPC依赖2.2.2 编写 .proto 文件2.2.3 使用插件机制生产proto相关…...
浏览器的事件循环机制（Event loop）
事件循环 浏览器的进程模型 何为进程？ 程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程 每个应用至少有一个进程，进程之间相互独立，即使要通信，也需要双方同意。 何为线程？ …...
THEMIS---Beta Sprint Summary Essay Blog
Which course does this assignment belong to2301-MUSE社区-CSDN社区云What are the requirements for this assignmentbeta SprintThe goal of this assignmentTo summarize the beta task progress and the teams sprintsTeam NameThemisTop-of-the-line collection of essa…...
Vue中实现分布式动态路由的基本实现步骤介绍
设想一下，我们在做一个体量非常大的项目，这个项目有很多的模块和相当多的页面。当我们想修改一个路由的时候，我们打开了router文件夹下的index.js文件时，一串长到鼠标滚轮需要滚大半天才滚到底的路由简直让人头皮发麻。 在开始之前…...
【Leetcode】计算器
思路 用栈来完成； 考虑到运算关系，先乘除后加减；此外，一般计算式首个数字式正数；判断字符是否为数字，str.isdigit()字符转数字：ord(str) - ord(‘0’)遇到加减符，压栈数字…...
巧妙的使用WPF中的资源
其实，在wpf中，最核心的就是xaml，因为只有xaml，才能体现出用的是wpf，而不是普通的cs文件，cs文件在winform中等等程序都可以使用的，唯独xaml才是wpf中最重要的，最精华的东西࿰…...
多维时序 | MATLAB实现RIME-CNN-BiLSTM-Multihead-Attention多头注意力机制多变量时间序列预测
多维时序 | MATLAB实现RIME-CNN-BiLSTM-Multihead-Attention多头注意力机制多变量时间序列预测 目录 多维时序 | MATLAB实现RIME-CNN-BiLSTM-Multihead-Attention多头注意力机制多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 MATLAB实现RIME-…...
【AIGC重塑教育】AI大模型驱动的教育变革与实践
文章目录 🍔现状🛸解决方法✨为什么要使用ai🎆彩蛋 🍔现状 AI正迅猛地改变着我们的生活。根据高盛发布的一份报告，AI有可能取代3亿个全职工作岗位，影响全球18%的工作岗位。在欧美，或许四分之一…...
【力扣100】2.两数相加
添加链接描述 # Definition for singly-linked list. # class ListNode: # def __init__(self, val0, nextNone): # self.val val # self.next next class Solution:def addTwoNumbers(self, l1: Optional[ListNode], l2: Optional[ListNode]) -> Op…...
算法leetcode｜93. 复原 IP 地址（多语言实现）
文章目录 93. 复原 IP 地址：样例 1：样例 2：样例 3：提示： 分析：题解：rust：go：c：python：java： 93. 复原 IP 地址： 有效 IP …...
TOGAF—架构（Architecture）项目管理
一、简介 1.1概述 架构（Architecture）项目在本质上通常是复杂的。他们需要适当的项目管理来保持正轨并兑现承诺。本指南适用于负责规划和管理架构（Architecture）项目的人员。我们解释了如何用事实上的方法和标准（如PRINCE2或PMBOK）来补充TOGAF架构开发方法（ADM），以加…...
MVVM前端设计模式的发展与应用
在MVC模式中，随着代码量越来越大，主要用来处理各种逻辑和数据转化的Controller首当其冲，变得非常庞大，MVC的简写变成了Massive-View-Controller（意为沉重的Controller） 我曾经接手老项目，sprin…...
redis：二、缓存击穿的定义、解决方案（互斥锁、逻辑过期）的优缺点和适用场景、面试回答模板和缓存雪崩
缓存击穿的定义 缓存击穿是一种现象，具体就是某一个数据过期时，恰好有大量的并发请求过来，这些并发的请求可能会瞬间把DB压垮。典型场景就是双十一等抢购活动中，首页广告页面的数据过期，此时刚好大量用户进行请求&…...
php的Url 安全的base64编码解码类
/*** Url安全的Base64编码方法* author JerryLi* version 20231217*/ final class UrlSafeB64Fun{/*** 编码* param string $sData 原始字符串* return string*/static public function encode(string $sData): string{$aTmp base64_encode($sData);return strtr($aTmp, [>…...
安全CDN有什么作用,安全CDN工作原理是什么?
一、CDN的应用场景 CDN技术可以应用于各种类型的网站和应用程序，特别是对于以下几种场景，CDN的作用尤为明显： 1. 高流量网站：对于流量较大的网站，CDN可以将网站的内容分发到全球各地的节点上，从而分担服务…...
Mysql高可用｜索引｜事务 | 调优
前言 「作者主页」：雪碧有白泡泡 「个人网站」：雪碧的个人网站 文章目录 前言sql语句的执行顺序关键词连接名字解释sql语句 面试坑点存储引擎MYSQL存储引擎 SQL优化索引索引失效索引的数据结构面试坑点 锁事务四大特性事务的隔离级别MVCC 读写分离面试坑…...
电机驱动开发
最近在搞电机驱动程序，感觉很简单，实际操作却发现里面还有很多猫腻（细节）。 电机在嵌入式设备中非常常见，例如云台的转动，都是靠电机来驱动的。 电机常见分步进电机、直流电机，相对来说步进电机…...
【解密LSTM、GRU如何解决传统RNN梯度消失问题】
解密LSTM与GRU：如何让RNN变得更聪明？ 在深度学习的世界里，循环神经网络（RNN）以其卓越的序列数据处理能力广泛应用于自然语言处理、时间序列预测等领域。然而，传统RNN存在的一个严重问题——梯度消失&#…...
Python实现prophet 理论及参数优化
文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化 之前初步学习prophet的时候，写过一篇简单实现，后期随着对该模型的深入研究，本次记录涉及到prophet 的公式以及参数调优，从公式可以更直观…...
ElasticSearch搜索引擎之倒排索引及其底层算法
文章目录 一、搜索引擎1、什么是搜索引擎？2、搜索引擎的分类3、常用的搜索引擎4、搜索引擎的特点二、倒排索引1、简介2、为什么倒排索引不用B+树1.创建时间长，文件大。2.其次，树深，IO次数可怕。3.索引可能会失效。4.精准度差。三. 倒排索引四、算法1、Term Index的算法2、 …...
Caliper 配置文件解析：config.yaml
Caliper 是一个区块链性能基准测试工具，用于评估不同区块链平台的性能。下面我将详细解释你提供的 fisco-bcos.json 文件结构，并说明它与 config.yaml 文件的关系。 fisco-bcos.json 文件解析 这个文件是针对 FISCO-BCOS 区块链网络的 Caliper 配置文件，主要包含以下几个部…...
rnn判断string中第一次出现a的下标
# coding:utf8 import torch import torch.nn as nn import numpy as np import random import json""" 基于pytorch的网络编写 实现一个RNN网络完成多分类任务 判断字符 a 第一次出现在字符串中的位置 """class TorchModel(nn.Module):def __in…...
无人机侦测与反制技术的进展与应用
国家电网无人机侦测与反制技术的进展与应用 引言 随着无人机（无人驾驶飞行器，UAV）技术的快速发展，其在商业、娱乐和军事领域的广泛应用带来了新的安全挑战。特别是对于关键基础设施如电力系统，无人机的“黑飞”&…...
Golang——7、包与接口详解
包与接口详解 1、Golang包详解1.1、Golang中包的定义和介绍1.2、Golang包管理工具go mod1.3、Golang中自定义包1.4、Golang中使用第三包1.5、init函数 2、接口详解2.1、接口的定义2.2、空接口2.3、类型断言2.4、结构体值接收者和指针接收者实现接口的区别2.5、一个结构体实现多…...
nnUNet V2修改网络——暴力替换网络为UNet++
更换前，要用nnUNet V2跑通所用数据集，证明nnUNet V2、数据集、运行环境等没有问题 阅读nnU-Net V2 的 U-Net结构，初步了解要修改的网络，知己知彼，修改起来才能游刃有余。 U-Net存在两个局限，一是网络的最佳深度因应用场景而异，这取决于任务的难度和可用于训练的标注数…...
tauri项目，如何在rust端读取电脑环境变量
如果想在前端通过调用来获取环境变量的值，可以通过标准的依赖： std::env::var(name).ok() 想在前端通过调用来获取，可以写一个command函数： #[tauri::command] pub fn get_env_var(name: String) -> Result<String, Stri…...
FFmpeg avformat_open_input函数分析
函数内部的总体流程如下： avformat_open_input 精简后的代码如下： int avformat_open_input(AVFormatContext **ps, const char *filename,ff_const59 AVInputFormat *fmt, AVDictionary **options) {AVFormatContext *s *ps;int i, ret 0;AVDictio…...