react 学习笔记(一):react项目创建及目录结构

本文是React学习笔记的第一部分,主要介绍如何使用create-react-app创建项目,以及详细解析创建后的目录结构。重点讲解public和src文件夹的内容,包括public中的manifest.json、robots.txt和index.html,以及src中的主要组件和样式文件。
摘要由CSDN通过智能技术生成

react 项目创建

首先安装脚手架工具,create-react-app

npm install –g create-react-app

安装完成后,执行

create-react-app 项目路径

执行完成后一个 react 项目就在指定的路径下创建

react目录结构

react项目创建完成后的目录结构如图:

主要看 public 和 src 文件夹中的文件:

public 文件夹是公共文件夹,与src最大的区别就是不会被webpack加工,用于存放一些静态文件。

  • manifest.json ,用于将web应用添加到设备主屏幕
  • robots.txt,爬虫爬取时应该遵守的规则
  • index.html,整个项目的入口文件
  • 其他文件都是图标

src 文件夹是项目存放源文件的文件夹,项目的主要内容都会存放在里面。

  • App.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值