初始化React脚手架

2022-09-22 10:18:02 浏览数 (1)

一,创建项目并启动

  1. 全局安装:npm i -g create-react-app
  2. 切换到想要创建项目的目录,使用命令:create-react-app 项目名
  3. 进入项目打开控制台启动项目:npm start

二,react脚手架项目结构

PlainBashC C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

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库支持)

0 人点赞