react初始化项目——如何初始化一个纯净、精简的react项目

最新推荐文章于 2024-06-08 14:08:49 发布

无聊人_

最新推荐文章于 2024-06-08 14:08:49 发布

阅读量2.8k

点赞数 2

分类专栏：前端 react 文章标签：前端大前端 react reactjs

本文链接：https://blog.csdn.net/weixin_44607531/article/details/114005716

版权

本文介绍了如何创建一个纯净、精简的React项目。通过使用`create-react-app`，然后删除不必要的文件，只保留核心的index.html、App.js和index.js文件，实现了项目的最小化配置，帮助开发者专注于核心开发工作。

摘要由CSDN通过智能技术生成

react 默认创建出来的项目文件一大堆，默写文件我们从头到尾都不会用到，而且这些文件会干扰我们项目的开发，所以本文章将讲解怎样创建一个精简版的初始化项目

在指定路径下执行如下命令创建react项目

create-react-app demo

刚创建完的项目结构如图所示

可以选择性删除git和readme等文件

清空public和src文件夹，即删除两者下的所有文件

清理完的结构目录如下：

在public文件夹下新建index.html ，写入如下代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
</head>
<body>
    <div id="root"></div>
</body>
</html>

关注

专栏目录