基于umi的开发模板
roxas a3e7a294f1 fix:修正环境变量传递 4 years ago
mock init template 4 years ago
src add README.md; 4 years ago
.editorconfig init template 4 years ago
.env init template 4 years ago
.eslintrc init template 4 years ago
.gitignore init template 4 years ago
.prettierignore init template 4 years ago
.prettierrc init template 4 years ago
.umirc.ts fix:修正环境变量传递 4 years ago
README.md add README.md; 4 years ago
package.json init template 4 years ago
tsconfig.json init template 4 years ago
tslint.yml init template 4 years ago
typings.d.ts init template 4 years ago

README.md

小游戏开发模板

基于 Umijs + Dvajs + Antd 抽取的开发模板

代办事项

  • 完善部分组件
  • 完成 错题记录器 组件
  • 完成 测试相关 部分内容

具体使用

目录结构

.
+-- .umirc.ts 用于配置项目与路由
+-- .prettierrc 用于配置prettier
+-- .eslitrc 用于配置代码规范
+-- tsconfig.json
+-- tslint.yml
+-- typings.d.ts
+-- mock 
|   +-- ... 用于mock接口,可查看umijs相关测试的具体文档
+-- src 
|   +-- assets
    |   +-- ... 用于存放项目引用的静态文件,如font,png图片等
|   +-- layouts
    |   +-- index.less 
    |   +-- index.tsx 通常用于小游戏内容的容器,在这里适配整个游戏内容框与进行一些全局样式的变更
|   +-- locales
    |   +-- en-US.ts 负责语言文件
    |   +-- zh-CN.ts 
|   +-- models
    |   +-- ... 用于添加store,管理数据
|   +-- pages
    |   +-- ... 相关页面,常用为 main、game、rank,分别代表主页、游戏页、排行榜页
|   +-- services
    |   +-- ... 用于保存models中会调用的异步请求或各种服务,较通用的已转移到utils中
|   +-- utils
    |   +-- game_setting
        |   +-- api_config.ts 用于保存当前请求的地址信息等,如静态资源文件地址、api地址等。
        |   +-- game_config.ts 用于保存相关游戏内容,如倒计时上限、答题正确奖励分数情况等。
    |   +-- logic_tools
        |   +-- GameModal 用于控制游戏弹框,目前主要负责暂停离开弹框与报错弹框。
        |   +-- count_down.ts 倒计时,全局通用,目前使用game_config.ts中的两个值进行倒计时判定,暂停与开始时会自动进行计算间隔,防止停止开始动作的间隔过大或过小。
        |   +-- question_reporter.ts 尚未完工,主要用于记录错题。
        |   +-- voice_play.ts 主要用于管理用户音频播放。
    |   +-- tools
        |   +-- cookie_helper.ts 帮助获取用户cookies,主要导出ak、lnk_lang、请求头等信息。
        |   +-- intl_helper.ts 帮助用户直接获取国际化内容而不需要通过umi/locales
        |   +-- mobile_tool.ts 用于帮助用户获取移动端的信息
        |   +-- request_helper.ts 用于帮助用户发起异步请求
        |   +-- visiable_helper.ts 用于监听用户是否离开游戏(直接在model里面的subscribe中进行使用)
    |   +-- types
        |   +-- interface.ts 管理各种interface,方便查阅代码
|   +-- app.ts
|   +-- global.css