# forty-vue

**Repository Path**: zs2084035767/forty-vue

## Basic Information

- **Project Name**: forty-vue
- **Description**: 我们的故事也应该有价值
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-26
- **Last Updated**: 2025-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README



# forty-vue

一个基于 Vue 3、Vite 4 和 TypeScript 的现代管理后台前端解决方案，采用 Element Plus 与 Tailwind CSS 实现，支持暗黑模式并提供丰富的 UI 组件与路由配置。

## 项目特性

- 🚀 使用 Vue 3 + TypeScript + Vite 4 构建
- 🎨 集成 Element Plus 组件库与 Tailwind CSS
- 🌙 支持暗黑模式
- 📱 响应式布局，兼容移动端
- 📦 引入模块化路由与组件管理
- 🔐 提供权限验证与 token 管理功能
- 📊 内置图表与二维码组件支持
- 📚 采用国际化方案，支持多语言

## 项目结构

- **`mock/`**: 模拟接口数据（登录、权限路由等）
- **`src/api/`**: 接口定义
- **`src/assets/`**: 图标、图片、字体等静态资源
- **`src/components/`**: 自定义组件（弹窗、图标、表格条、分割面板等）
- **`src/config/`**: 全局配置
- **`src/directives/`**: 自定义指令（权限、复制、长按、波纹效果等）
- **`src/layout/`**: 页面布局组件
- **`src/router/`**: 路由配置与模块化路由
- **`src/store/`**: Pinia 状态管理
- **`src/style/`**: 全局样式（SCSS、CSS、Tailwind）
- **`src/utils/`**: 工具函数（HTTP 请求、本地存储、消息提示、树操作等）
- **`src/views/`**: 页面视图（主页、登录、用户管理、权限控制等）

## 快速开始

```bash
# 克隆项目
git clone https://gitee.com/zs2084035767/forty-vue.git

# 进入项目目录
cd forty-vue

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build
```

## 使用文档

详见 [README_CN.md](README_CN.md) 获取完整的使用说明与开发指南。