# kun-galgame-vue

.

## 介绍



这是 KUNGalgame 论坛的前端,这是第一个版本,我们使用 `vue` 框架编写,之后我们会使用 `svelte` 框架重构



后端项目第一个版本的地址为 [kun-galgame-koa](https://github.com/KUN1007/kun-galgame-koa)





## 关于该网站



KUNGalgame —— 世界上最萌的 Galgame 论坛!



为营造最良好的 Galgame 讨论环境为目的进行努力!



Tips: 网站目前正在建设中······

## 运营理念

- 世界上最萌的 galgame 论坛
- 以营造最良好的氛围为理念
- 永远不会有广告
- 永远不会收费



## 项目介绍

.

### 简介

.

这是[`KUNGalgame-pure-css`](https://github.com/KUN1007/kungalgame-pure-css) 的**重构版本**,使用 Vite + Vue3 + Vue-router4 + Typescript + SCSS + Pinia 作为前端技术栈,不依赖任何 UI 框架,因为这个项目主打的就是非 UI 框架,世界都一样多没意思呀。由于我的 VScode 自带`ESLint`等必要插件,所以并未在项目中进行集成,预计在项目的第一个版本上线时会集成必要的环境类项目配置。

.

前端项目成型时在项目根目录有一个自带的微型`express`服务器可启动,存放于`server`文件夹,这并不是该项目的后端,只是一个类似于`mockjs`的数据模拟而已,我们的后端计划使用`Rust`编写

.

### 预览

##### 原项目的地址为:[https://github.com/KUN1007/kungalgame-pure-css](https://github.com/KUN1007/kungalgame-pure-css)

但是我们在重构的时候增加了大量的内容,并且将图标由`fontawesome`改为了`iconify`,所以外观可能会不同,这里仅展示主页预览

.
#### Web 端浏览器
![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview.png)
![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/preview-dark.png)
.

#### 手机端浏览器
![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview.png)
![](https://github.com/KUN1007/KUNGalGame-vue/blob/layout/docs/images/mobile-preview-dark.png)

### 启动方法

`git clone https://github.com/KUN1007/KUNGalGame-vue`

`cd KUNGalGame-vue`

#### 服务端

`cd server `

`pnpm i`

`pnpm start`

#### 前端

`cd ..`

`pnpm i`

`vite dev`

请注意,请先启动服务端,这样才有模拟的数据

.

## 注意事项

将要发布的只是 V1 版本,我们在设计之初就已经规划好了 V2, V3 版本的内容,包括对 `VNDB` `批评空间` `bangumi` 等网站的数据进行分析,流媒体发布(上传发布视频),APP 版本等等。总之,只要您能想到的,我们都会尽力实现。

.

## 联系我们

如果您想参与我们的开发,可以加入我们的开发群组

 QQ:872839714
 
Telegram:https://t.me/KUNForum

## 开源声明

本项目遵从`GPL`开源协议