# game-cheer

**Repository Path**: cheerchang/game-cheer

## Basic Information

- **Project Name**: game-cheer
- **Description**: 一些小游戏
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-02
- **Last Updated**: 2021-09-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, 游戏

## README

# game-cheer

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

# 前言

在了解如何编写游戏过程时，你需要知道[vue框架](https://v3.cn.vuejs.org/guide/introduction.html)，[element ui](https://element.eleme.cn/#/zh-CN/component/installation)帮助你快速快速开发。

<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

# 一、组件版本

```javascript
├─┬ @vue/cli-plugin-babel@4.5.13
│ └─┬ @vue/babel-preset-app@4.5.13
│   └── vue@2.6.14 deduped
├─┬ element-ui@2.15.3 -> ./node_modules/_element-ui@2.15.3@element-ui
│ └── vue@2.6.14 deduped
└── vue@2.6.14
```

# 二、项目结构

```javascript
.
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── public						#开放的资源
│   ├── favicon.ico
│   ├── fight-AO
│   │   ├── AO.png
│   │   └── superman.png
│   └── index.html
└── src							#源文件
    ├── App.vue
    ├── assets					#项目资源文件
    │   └── logo.png
    ├── components				#vue组件
    │   └── fight-AO.vue		
    ├── main.js					#项目主配置
    └── router					#vue组件路由
        └── router.js
```
<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

# 三、代码&思路讲解
## 1. [使用canvas编写飞机大战小游戏](https://blog.csdn.net/qq_42268445/article/details/119334178)
## 2. [使用canvas实现贪吃蛇](https://blog.csdn.net/qq_42268445/article/details/119522112)