页面开发环境构建

React+Antd+dva
1、开启环境

npx create-react-app my-app
cd my-app
npm start

2、删除src里面的内容，保留文件夹

cd my-app    #找到文件位置
cd src          # 如果你使用 Windows:
del *             #删除掉
cd ..                #返回项目文件

3、导入基本库
React的说明
在 src/ 文件夹中创建一个名为 index.css 的文件，并拷贝这些CSS 代码 。
在 src/ 文件夹下创建一个名为 index.js 的文件，并拷贝这些 JS 代码。
拷贝以下三行代码到 src/ 文件夹下的 index.js 文件的顶部：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

现在，在项目文件夹下执行 npm start 命令，然后在浏览器访问 http://localhost:3000 。
这样你就可以在浏览器中看见一个空的井字棋的棋盘了。
注意，这里只要更改了js或者css，代码会自动重新运行渲染。
到此为止，如果想要研究官网井字棋教程请参看另一篇文章React官网井字棋教程
此时这版代码在git地址为

4、安装ant.design

npm install antd --save