Webpack5 + TypeScript 4 实现贪吃蛇
特性
- Webpack5
- TypeScript 4
- Babel
- Less+Postcss
- Jest
- Eslint
- 对vue3的支持请使用分支feat_add_vue3
怎么运行?
安装依赖:
yarn install
启动服务器:
yarn start
游戏规则:
- 使用“方向键”控制行进方向
- 十分即升一级, 升级时会加快行进速度,最多10级
- 一次只会出现一个食物,出现的位置随机。
- 蛇穿墙,咬到自己,即游戏停止
- 不能直接回头,例如,正在向左行进,按右键即为无效操作
- 未对蛇的身躯长度做限制
其他
打包一个版本,对输出不压缩:
yarn build
打包一个版本,对输出压缩处理:
yarn build.prod
运行单元测试:
yarn test
相关资源
typescript视频教程
typescript官方指南
typescript代码风格指南
Vue3添加typescript