学习建议

有两种途径学习本教程：你可以直接在浏览器上写代码，也可以在你的设备上搭建本地开发环境。你怎么舒服怎么来。

如果你喜欢直接在浏览器上写代码

这就是开始学习的最快途径！

首先，在新标签中打开这份初始代码。它应该能显示一份空的井字棋盘。本教程将在这个基础上展开。

你现在可以跳过关于搭建本地开发环境的部分，直接看概览了。

如果你选择在你的编辑器写代码

那么，你应该在你的设备中建立一个新项目。

注意：这部分内容选做，本教程不做硬性要求。

这么做，工作量会更大，但你得以在自己用得顺手的编辑器中写代码。

如果你想这么干，则应该遵循以下步骤：

1. 确保已经安装了较新版本的Node.js；
2. 按照安装说明建立了一个新项目；
3. 删去新项目 src/ 目录下的所有文件；
4. 在src/ 目录下添加一个index.css文件，里面写这份CSS代码；
5. 在src/ 目录下添加一个index.js文件，里面写这份JS代码，然后在文件顶端添加这三行代码：

code

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

现在，如果你在项目目录运行npm start，再用浏览器打开http://localhost:3000，就应该能看到一个空的井字棋盘了。

我们建议遵循这份指南来配置编辑器的语法高亮显示。