reactreact项目创建及目录说明

Posted GHUIJS

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了reactreact项目创建及目录说明相关的知识,希望对你有一定的参考价值。

项目创建

全局安装:

npm i -g create-react-app

切换到想创项目的目录,使用命令:

create-react-app hello-react

进入项目文件夹:

cd hello-react

启动项目:

npm start

目录解析

public ---- 静态资源文件夹

                        favicon.icon ------ 网站页签图标

                        index.html -------- 主页面

                        logo192.png ------- logo

                        logo512.png ------- logo

                        manifest.json ----- 应用加壳的配置文件

                        robots.txt -------- 爬虫协议文件

src ---- 源码文件夹

                        App.css -------- App组件的样式

                        App.js --------- App组件

                        App.test.js ---- 用于给App做测试

                        index.css ------ 样式

                        index.js ------- 入口文件

                        logo.svg ------- logo

                        reportWebVitals.js

                                       --- 页面性能分析文件(需要web-vitals库的支持)

                        setupTests.js

                                       ---- 组件单元测试的文件(需要jest-dom库的支持)

以上是关于reactreact项目创建及目录说明的主要内容,如果未能解决你的问题,请参考以下文章

ReactReact全家桶React脚手架

ReactReact应用 - React脚手架 - create-react-app - 创建Hello React

vue-cli创建的项目的目录结构及说明

vue-cli创建的项目的目录结构及说明

使用vue-cli创建vue项目及项目结构说明

ReactReact全家桶React 概述+虚拟DOM的创建与渲染+JSX