基于Vue.js的心算竞技场 | 实时对战PK × 渐进式训练 ✖️ 成绩追踪 📊 使用Vue.js构建的网页端数学训练平台,融合游戏化设计,支持多难度级别、排行榜、响应式布局,适合教育与娱乐场景。通过组件化开发实现高效交互,后续计划扩展社交分享与成就系统。🚀
https://ab.co1d.in
- Added `questionGenerator.ts` for dynamic question generation based on difficulty levels. - Created `NetworkBattle.vue` for real-time multiplayer gameplay using PeerJS. - Developed `Practice.vue` for single-player practice sessions with score tracking and history. - Updated `yarn.lock` to include new dependencies for PeerJS and message packing. - Enhanced UI with responsive design and feedback animations for user interactions. |
||
|---|---|---|
| .vscode | ||
| .yarn | ||
| public | ||
| src | ||
| .editorconfig | ||
| .gitattributes | ||
| .gitignore | ||
| .pnp.cjs | ||
| .pnp.loader.mjs | ||
| .prettierrc.json | ||
| env.d.ts | ||
| eslint.config.ts | ||
| index.html | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
| yarn.lock | ||
.
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur).
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
yarn
Compile and Hot-Reload for Development
yarn dev
Type-Check, Compile and Minify for Production
yarn build
Lint with ESLint
yarn lint