# blog-admin-vue3

**Repository Path**: yufuhuang/blog-admin-vue3

## Basic Information

- **Project Name**: blog-admin-vue3
- **Description**: 🔥🔥🔥🔥🔥vue3博客后台系统，用博客为案例，设计了一个通用性的后台系统框架，可进行二次开发，目前已经集成了echarts 、element-plus,可兼容移动端，实现快速开发后台系统。本项目中使用了mock.js,在文章列表页中实现了增删改查、分页、搜索查询等通用型操作，已方便快速开发！特别之处：菜单可进行搜索，可自定刷新、头部等显示隐藏配置，在setting.js中进行修改。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/yufuhuang/blog-admin-vue3
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2022-05-21
- **Last Updated**: 2026-01-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript

## README

# blog-admin-vue3

# vue3博客后台系统

# 一、项目描述

    vue3博客后台系统，用博客为案例，设计了一个通用性的后台系统框架模板，可进行二次开发，目前已经集成了echarts 、element-plus,可兼容移动端，实现快速开发后台系统。本项目中使用了mock.js,在文章列表页中实现了增删改查、分页、搜索查询等通用型操作，已方便快速开发！特别之处：菜单可进行搜索，可自定刷新、头部等显示隐藏配置，在setting.js中进行修改。

Vue2 [点击访问](https://gitee.com/yufuhuang/blog-admin)!

React 版本开发中！

**项目环境：**

​	"@tinymce/tinymce-vue": "^4.0.7",
        "@vueuse/core": "^8.5.0",
        "@vueuse/integrations": "^8.5.0",
        "axios": "^0.27.2",
        "dayjs": "^1.11.2",
        "echarts": "^5.3.2",
        "element-plus": "^2.2.0",
        "hotkeys-js": "^3.9.4",
        "js-cookie": "^3.0.1",
        "mitt": "^3.0.0",
        "mockjs": "^1.1.0",
        "nprogress": "^0.2.0",
        "path-browserify": "^1.0.1",
        "path-to-regexp": "^6.2.1",
        "pinia": "^2.0.14",
        "qs": "^6.10.3",
        "tinymce": "^5.10.4",
        "vue": "^3.2.33",
        "vue-router": "^4.0.15"

请拉取 master 分支的代码，其余分支是开发分支。

# 二、使用介绍

**启动项目**
需要提前安装好 pnpm,下载项目后在项目主目录下运行 pnpm install拉取依赖包。安装完依赖包之后然后使用 命令pnpm run dev，就可以启动项目。

# 三、项目效果截图

![输入图片说明](https://images.gitee.com/uploads/images/2022/0612/174114_e23fc9e8_5122602.png "屏幕截图.png")

![输入图片说明](https://images.gitee.com/uploads/images/2022/0612/174128_b2e73c17_5122602.png "屏幕截图.png")

# 四、其余

这个项目是个人的作品，难免会有问题和 BUG，如果有问题请进行评论，我也会尽力去更新，自己也在前端学习的路上，欢迎交流，非常感谢！