创建React 项目的几种方式

①.react自带脚手架 使用步骤:

 1、下载 npm i create-react-app -g

 2、创建项目命令: create-react-app 项目名称 

②.Vite构建工具创建react步骤:(推荐)

方法一:

 1、yarn create vite  

 2、后续根据提示步骤操作即可

方法二:

  1、yarn create vite my-react-app --template react (直接一键生成,无需后续操作) 

脚手架文件介绍:

  1. <%PUBLIC_URL%>  代表public文件夹的路径
  2. Index.js  入口文件
  3. App.js   根组件
  4. .jsx  结尾的后缀 文件 都是组件

 

相关文章 👉     React、React Router、JSX 简单入门快速上手_react快速上手-CSDN博客

相关推荐

  1. react-创建组件方式

    2024-07-11 11:28:03       36 阅读
  2. React组件间通信方式

    2024-07-11 11:28:03       18 阅读
  3. 创建springboot项目方式

    2024-07-11 11:28:03       36 阅读
  4. 03 创建图像窗口方式

    2024-07-11 11:28:03       49 阅读
  5. React避免子组件无效刷新方案

    2024-07-11 11:28:03       36 阅读
  6. vue 项目中常用import 书写 方式

    2024-07-11 11:28:03       46 阅读
  7. QT 创建线程方法

    2024-07-11 11:28:03       50 阅读
  8. ReactReact 中引入css方式有哪?区别?

    2024-07-11 11:28:03       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 11:28:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 11:28:03       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 11:28:03       58 阅读
  4. Python语言-面向对象

    2024-07-11 11:28:03       69 阅读

热门阅读

  1. react学习——23react中的路由的使用(重要)

    2024-07-11 11:28:03       20 阅读
  2. Mac OS ssh 连接提示 Permission denied (publickey)

    2024-07-11 11:28:03       23 阅读
  3. C++ 字符串哈希(hush)讲解

    2024-07-11 11:28:03       21 阅读
  4. 玩转springboot之SpringBoot单元测试

    2024-07-11 11:28:03       24 阅读
  5. 使用 Nuxt 3 搭建国际官网

    2024-07-11 11:28:03       19 阅读
  6. kafka-3

    kafka-3

    2024-07-11 11:28:03      19 阅读
  7. 华为机试HJ84统计大写字母个数

    2024-07-11 11:28:03       20 阅读
  8. MySQL中in和exists的区别

    2024-07-11 11:28:03       20 阅读