参考: https://zh-hans.reactjs.org/tutorial/tutorial.html

本地搭建

1.确保你安装了较新版本的 Node.js

2.创建app

npx create-react-app my-app

3.
删除掉新项目中
src/
文件夹下的所有文件。

不要删除整个

src
文件夹,删除里面的源文件。我们会在接下来的步骤中使用示例代码替换默认源文件。

cd my-app
cd src
# 如果你使用 Mac 或 Linux:
rm -f *
# 如果你使用 Windows:
del *
# 然后回到项目文件夹
cd ..
  1. src/
    文件夹中创建一个名为
    index.css
    的文件,并拷贝这些 CSS 代码
  2. src/
    文件夹下创建一个名为
    index.js
    的文件,并拷贝这些 JS 代码
  3. 拷贝以下三行代码到
    src/
    文件夹下的
    index.js
    文件的顶部:
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';

现在,在项目文件夹下执行

npm start
命令,然后在浏览器访问
http://localhost:3000
。这样你就可以在浏览器中看见一个空的井字棋的棋盘了。(这个已经做过了啊)