这次我们搭建本地react
开发环境,首先需要将node
升级到14
以上并且npm
需要5.6
以上,这个去官网下载安装包覆盖安装即可
然后我们按照教程创建项目
注意 第一行的
npx
不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具
然后删除src
目录下的默认文件,创建一个index.css
以及index.js
index.css
然后是index.js
完成后按照教程一步一步来
做到最后实现了整个功能,我还进行了总结中的拓展
如果你还有充裕的时间,或者想练习一下刚刚学会的 React 新技能,这里有一些可以改进游戏的想法供你参考,这些功能的实现顺序的难度是递增的:
最后我的index.js
为: