# Accounting-manage

**Repository Path**: zhao-jingtao-l/accounting-manage

## Basic Information

- **Project Name**: Accounting-manage
- **Description**: vite4.x + vue3.x + antd-design-vue4.x + typescript5.x 的记账后台管理系统
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-02
- **Last Updated**: 2024-10-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# accounting-manage

> 基于 vite4.x 重构整个前后端项目，完善后端权限控制细粒度

基于 vite4.x + vue3.x + antd-design-vue4.x + typescript5.x 的记账后台管理系统模板

- 账号：rootadmin，密码：123456

  

## 安装使用

- 安装依赖

```bash
cd accounting-manage

pnpm install
```

- 运行

```bash
pnpm dev
```

- 打包

```bash
pnpm build
```

## vscode 配置

安装项目根目录 `.vscode` 推荐的插件，再安装 `Volar`，并禁用 `Vetur`，重启 vscode 即可。

> 使用了 Vue3.x 全家桶、ant-design-vue3.x 和 typescript4.x，实践 vue3.x 的新特性以及玩法，不得不说 vue3.x 的 Composition API 相比于 vue2.x 的 Options API 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考[vueuse](https://vueuse.org/functions.html)