# 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 版本等等。总之,只要您能想到的,我们都会尽力实现。 . ## 开源声明 本项目遵从`GPL`开源协议