React18：创建React项目（手动）_手动创建react项目

项目结构

常规的React项目需要使用npm（或yarn）作为包管理器来对项目进行管理。并且React官方为了方便我们的开发，为我们提供react-scripts包。包中提供了项目开发中的大部分依赖，大大的简化了项目的开发。

开发步骤：

1.创建项目，目录结构如下

根目录
    - public
        - index.html （添加标签 <div id="root"></div>）
    - src
        - App.js
        - index.js
1
2
3
4
5
6

2.初始化项目

进入项目所在目录，并执行命令：npm init -y 或 yarn init -y

3.安装项目依赖

npm install react react-dom react-scripts -S 
或 
yarn add react react-dom react-scripts
1
2
3

4.运行

npx react-scripts build 编译创建项目打包（不推荐）
运行npx react-scripts start启动项目（初次启动需要输入y确认）

或者将react-scripts start设置到package.json的scripts选项中，然后通过npm start启动（初次启动需要输入y确认）”scripts”: { “start”: “react-scripts start” }

index.html

index.js

App.js