/simple-game-snake

Webpack5 Typescript4 Babel Jest Eslint

Primary LanguageTypeScript

Webpack5 + TypeScript 4 实现贪吃蛇

特性

  • Webpack5
  • TypeScript 4
  • Babel
  • Less+Postcss
  • Jest
  • Eslint
  • 对vue3的支持请使用分支feat_add_vue3

怎么运行?

安装依赖:

yarn install 

启动服务器:

yarn start

游戏规则:

  1. 使用“方向键”控制行进方向
  2. 十分即升一级, 升级时会加快行进速度,最多10级
  3. 一次只会出现一个食物,出现的位置随机。
  4. 蛇穿墙,咬到自己,即游戏停止
  5. 不能直接回头,例如,正在向左行进,按右键即为无效操作
  6. 未对蛇的身躯长度做限制

其他

打包一个版本,对输出不压缩:

yarn build

打包一个版本,对输出压缩处理:

yarn build.prod

运行单元测试:

yarn test

相关资源

typescript视频教程
typescript官方指南
typescript代码风格指南
Vue3添加typescript