React 初学 - 脚手架文件夹介绍 - 个人笔记45

最新推荐文章于 2024-01-08 11:07:28 发布
最新推荐文章于 2024-01-08 11:07:28 发布
阅读量146 收藏
点赞数
分类专栏： react.js 文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Amnesiac666/article/details/119522253
版权

在这里插入图片描述

public是静态资源↑

第一种写法和第二种写法是等价的:

在这里插入图片描述
%PUBLIC_URL%相当于 /public
在这里插入图片描述
theme-color设置浏览器安卓的地址栏颜色
在这里插入图片描述
效果：
在这里插入图片描述
apple-touch-icon设置网页保存到苹果手机桌面上时的图标

在这里插入图片描述
效果：

在这里插入图片描述
manifest.json设置网页加壳变成手机app时候的配置信息：

在这里插入图片描述
在这里插入图片描述

noscript用来设置当网页不支持js的时候，给予用户什么样的提示
在这里插入图片描述
效果：
在这里插入图片描述
index.html最重要的是div表，这是一个容器。整个react应用都挂载在这个容器上，整个react应用就这一个html文件
在这里插入图片描述

公孙元二
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React脚手架搭建及目录结构介绍
weixin_34152820的博客
06-04 2413
react脚手架（create-react-app）搭建 npm install -g create-react-app create-react-app todolist （文件夹名） npm start 或者 npx create-react-app todolist cd my-app npm start （npx是一种在npm中安装工具，在 npm version >= 5.2....
React学习笔记---React脚手架
丑小鸭变黑天鹅的博客
12-21 1381
React脚手架一、使用create-react-app创建react应用1、react脚手架2、创建项目并启动3、react脚手架项目结构4、功能界面的组件化编码流程（通用）5、用脚手架写一个简单示例二、组件的组合使用（综合实例） 一、使用create-react-app创建react应用 1、react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 1）. 包含了所有需要的配置（语法检查、jsx编译、devServer…） 2）. 下载好了所有相关的依赖 3）. 可以直接运行
React脚手架文件
a_ausb的博客
07-29 49
React脚手架文件
React 初学 - 脚手架文件夹介绍2 - 个人笔记46
树上骑个猴的博客
08-10 120
react 项目文件夹
BAIZHUKE的博客
07-09 1378
react文件目录规范拆分,作用 1、pubilc：移动App的配置文件，用于指定应用的显示名称、图标、入口页面等信息 2、src (1)components:组件文件夹 例如某些:导航、轮播图、分页器组件文件 (2)images:img存放文件夹 页面中<img src>标签所使用的图片全部存放于此 (3)js:js存放文件夹 顾名思义...
React脚手架创建与内置文件介绍
weixin_68160847的博客
11-08 352
ReactDom.render( content123456789 ,document.getElementById("root"))
React 学习笔记 —— React 脚手架
叹之
04-03 297
安装使用 全局安装 npm install -g create-react-app 创建项目 create-react-app hello-react 启动项目 cd hello-react npm start 文件目录解读 .git：git 管理文件 node_moudles: node 模块 public：公共资源 src：代码主要写在这里面 .gitignore: git的忽略文件，描述哪些文件不用管理 package.json：node 包的配置文件，描述应用信息、命令等 RE
02-脚手架开发入门（前端架构师入门笔记）
最新发布
03-02
"02-脚手架开发入门（前端架构师入门笔记）"这个主题旨在介绍如何使用脚手架进行前端项目的初始化工作，对于想要成为前端架构师的初学者来说是非常实用的知识点。 首先，我们需要理解什么是脚手架。在软件工程中，...
app-notes-mern：使用Stack MERN的笔记APP
02-17
1. **初始化项目**：使用`create-react-app`脚手架创建React前端项目，同时用`express-generator`初始化Express服务器端项目。 2. **安装依赖**：安装MERN栈所需的库，如`mongoose`用于MongoDB的连接，`axios`或`...
大前端学习--开发脚手架与自动化构建工作流封装
爱玲姐姐的博客
06-24 1523
开发脚手架与自动化构建工作流封装 去年6月24号开始工作，到今天刚好一周年了，纪念一下，分享最近学习的前端工程化笔记。 一、前端工程化 前端工程化是指遵循一定的标准和规范，通过工具去提高效率、降低成本的一种手段。 1. 前端开发中遇到的问题 想要使用ES6+新特性，但是兼容有问题 想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持 想要使用模块化的方式提高项目的可维护性，但运行环境不能直接支持 部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器 多人
react入门小项目（ant design，路由，mock和axios）
得之我幸
09-18 645
一、配置环境 搭建脚手架： 全局安装create-react-app： npm install -g create-react-app 此时，默认安装了 初始化项目：npm init 安装依赖包： npm install -S react react-dom babel-standalone create-react-app react 核心库 react-dom 与dom相关的功能 ...
react脚手架文件目录结构解析
weixin_39288299的博客
01-22 560
public — 静态资源文件夹 favicon.icon — 网站偏爱图标 index.html — 主页面 logo192.png — logo图 logo512 — logo图 manifest.json — 应用加壳的配置文件 robots.txt — 爬虫协议文件 src — 源码文件夹 App.css — App组件的样式 App.js — App组件 App.test.js — 给App测试 index.css — 样式 index.js — 入口文件 logo.svg — logo图
react脚手架各个文件的介绍
在路上`的博客
12-28 545
一、public文件夹 二、src文件夹
react项目文件介绍
m0_67011584的博客
10-24 536
manifest.json — 该文件是一个套壳的配置文件，当我们的项目需要在手机端运行时，就需要在这个文件里面进行配置。store — 保存应用的状态并提供一些帮助方法来存取状态，分发状态以及注册监听。reducer — 获得这个应用的当前状态和事件然后返回一个新状态的函数。components. — 页面组件抽离的模块(按需创建)index.less — 页面文件样式(按需创建)index.tsx. — 页面文件(必须)index.html — 项目的入口文件。
React入门 - 02（工程目录结构解析）
千里之行，始于足下！
01-08 1583
React入门 - 02（工程目录结构解析）
React脚手架
输入技术、输出想法
05-01 7678
React脚手架React应用（基于React脚手架）创建项目项目结构 React应用（基于React脚手架） React脚手架和Vue脚手架类似，都是用来帮助程序员快速创建一个基于React或Vue的模板项目，包含了 所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 项目的整体技术架构为: react + webpack + es6 + eslint 创建项目 全局安装: `cnpm i -g create-react-app` 创建项目
React09——使用脚手架编程
小白的学习路
03-22 537
使用create-react-app创建react应用 react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化,..
react基础（1）—— 脚手架安装和文件结构
weixin_30709929的博客
10-22 143
GitHub ：https://github.com/facebook/react/英文官网 ：https://reactjs.org/docs/hello-world.html中文官网 ：https://react.docschina.org/docs/hello-world.html知识点：1，react并不是完整的MVC/MVVM框架，它专注于提供清晰，简介的VIEW（视图）层解决方案...
react 项目基本的目录架构设置
sinat_28087617的博客
10-12 2536
react是现在流行的3大前端开发框架之一，企业用react做项目开发越来越多。本教程介绍react项目基本的目录架构设置。 整体的目录架构 以下为一个react项目整体的目录架构 .git 是 git文件夹 dist 是打包后文件放置地方 src 是源码文件，一般做开发就在这个文件夹。 .babelrc是babel配置文件 webpack.config.js是webpack配置文件 serve...
使用react-intl实现React多语言国际化教程
"这篇教程详细阐述了如何使用react-intl库在React应用中实现多语言支持，主要包括创建国际化资源文件、获取对应语言资源、引入本地化数据、设置国际化上下文组件以及利用react-intl的组件和API进行开发。" React...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值