# three-game

**Repository Path**: ChengBie/three-game

## Basic Information

- **Project Name**: three-game
- **Description**: 测试3D人物移动外发给人看
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-08
- **Last Updated**: 2024-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目技术栈



- vue3 [参考网站](https://staging-cn.vuejs.org/)
- vite [参考网站](https://vitejs.cn/)
- pinia [参考网站](https://pinia.web3doc.top/)
- vue-charts [参考网站](https://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.md)
- unocss [参考网站](https://uno.antfu.me/) 或者也可以参考 [tailwindcss](https://www.tailwindcss.cn/docs)
- antfu/eslint-config [参考网站](https://github.com/antfu/eslint-config)
- UI组件库 [Element Plus](https://element-plus.gitee.io/zh-CN/)
- 网络请求 [axios](https://axios-http.com/)
- datav [参考网站](https://datav-vue3.netlify.app/)

#### 备注

- Element Plus已经做了按需引入,建议局部引入，不要在main.js中全局引入，减小项目打包后的体积。
- 关于datav，之前的vue2版本不兼容vite，所以用了vue3+ts的部分代码重构版，具体内容参考上面的文档（该组件也建议局部引入）。
- 建议开启编辑器的保存自动执行eslint --fix (自行百度，或者问一下同事)。如果编辑器使用的是vscode，在插件市场上下载eslint即可。如果是用的webstrom，钉我吧。
- 项目的依赖的中安装了tailwindcss，实际并没有使用，（项目中使用的是unocss）只是为了在webstorm中有更好的代码提示。
- 关于图标，项目中默认集成了[Google Material Icons](https://icones.js.org/collection/ic) 图标集，可以直接使用
- 关于AutoImport，参照vite.config.js,对于vue,vue-router,pinia和@vueuse/core做了自动导入。

without

```javascript
import { computed, ref } from 'vue'
const count = ref(0)
const doubled = computed(() => count.value * 2)
```

with

```javascript
const count = ref(0)
const doubled = computed(() => count.value * 2)
```

- 大屏项目大多是深色背景的，所以配置了暗黑模式
- 结尾