Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xmasuhai/meowney-0-website
预览页面请点击:http://xmasuhai.xyz/meowney-0-website/
https://github.com/xmasuhai/meowney-0-website
typescript vue vue-router vue2 vuex
Last synced: 17 days ago
JSON representation
预览页面请点击:http://xmasuhai.xyz/meowney-0-website/
- Host: GitHub
- URL: https://github.com/xmasuhai/meowney-0-website
- Owner: xmasuhai
- Created: 2021-03-07T15:42:16.000Z (almost 4 years ago)
- Default Branch: gh-pages
- Last Pushed: 2023-12-10T05:36:53.000Z (about 1 year ago)
- Last Synced: 2023-12-11T05:24:58.834Z (about 1 year ago)
- Topics: typescript, vue, vue-router, vue2, vuex
- Language: HTML
- Homepage: http://xmasuhai.xyz/meowney-0-website/
- Size: 2.19 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 喵内记账本
- 用 `Vue.js + TypeScript` 写的一个记账本。
- 网站:[Gitee Pages](https://xmasuhai.gitee.io/meowney-0-website)
或者 [GitHub Pages](http://xmasuhai.xyz/meowney-0-website/#/)## 主要技术
- 这是我从自己的需求出发,设计出的极简记账应用,特点是快速记账, 并可以通过图表查看用户消费习惯
- 基于` Vue 2.6`、`Vue Router`、`Vuex`、`TypeScript`
- 主要功能包括按日期记账、查看收入支出、统计、收支的图形展示等
- 统计图表使用第三方库`ECharts.js`
- 由本人参考开源UI,独立实现代码
- 期间遇到了很多 webpack svg、Vuex 和 TypeScript 方面的问题
- 源代码完全使用TypeScript实现,用到了装饰器语法---
## 环境
```sh
NODE Version: v14.21.3
YARN Version: 1.22.19
NPM Version: 6.14.18
```---
## 安装
```sh
yarn install
```---
## 运行
```sh
yarn serve
```---
## 构建
```sh
yarn build
yarn build:dev
```---
## 运行单元测试
```sh
yarn test:unit
```---
## 手动部署
```sh
yarn deploy
```- 目前有添加了 `deployWebsite.yml` 放在 `GitHub Actions`上自动部署预览页面
---
---