# vue3-crud **Repository Path**: dennyellen/vue3-crud ## Basic Information - **Project Name**: vue3-crud - **Description**: 基于vue3+element-plus实现的增删改查demo - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2024-06-28 - **Last Updated**: 2024-08-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 项目名称 ## 项目简介 本项目是一个基于 Vue 3 的 Web 应用程序,主要功能包括用户管理、权限控制、数据展示等。通过集成 Vue Router 和 Element Plus,实现了高效的路由管理和丰富的 UI 组件库支持。 ## 技术栈 - **Vue**: 3.2.31 - **Vue Router**: 4.0.12 - **Element Plus**: 2.0.2 - **Axios**: 1.7.2 - **Pinia**: 2.1.7 - **Dexie**: 4.0.7 - **Lodash**: 4.17.21 - **Mockjs**: 1.1.0 - **Prismjs**: 1.26.0 - **Vue3-xlsx**: 1.1.2 - **Xlsx**: 0.18.5 ## 安装步骤 1. 克隆仓库: ```bash git clone [仓库地址] cd [项目目录] ``` 2. 安装依赖: ```bash npm install ``` ## 运行说明 1. 启动开发服务器: ```bash npm run dev ``` 2. 访问应用: http://localhost:8080 ## 构建与测试 1. 构建生产环境版本: ```bash npm run build ``` 2. 构建预发布环境版本: ```bash npm run build:stage ``` 3. 预览构建结果: ```bash npm run preview ``` ## 目录结构 ├── src/ │ ├── api/ # API 请求文件夹 │ ├── assets/ # 静态资源文件夹,包含图片、字体等 │ │ └── style/ # 样式文件夹 │ │ └── global.css # 全局样式文件 │ ├── router/ # 路由配置文件夹 │ │ └── index.js # 路由配置文件 │ ├── utils/ # 工具函数文件夹 │ ├── views/ # 视图组件文件夹 │ │ ├── errorCar/ # 错误车辆管理视图 │ │ ├── freeCar/ # 免费车辆管理视图 │ │ └── user/ # 用户管理视图 │ ├── App.vue # 根组件 │ └── main.js # 入口文件 ├── public/ # 静态资源文件夹 │ ├── favicon.ico # 网站图标 │ └── index.html # 主 HTML 文件 ├── .gitignore # Git 忽略文件配置 ├── package.json # 项目依赖配置文件 ├── vite.config.js # Vite 配置文件 └── README.md # 项目说明文件