安装vue-vben-admin5.5.3（基于 Vue 3.0、Vite、TailwindCSS 和 TypeScript 等开发的中后台解决方案）的碰到的问题及相关解决方法

原创 已于 2025-02-14 11:56:27 修改 · 1.5k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #前端 #javascript
于 2025-02-14 11:40:38 首次发布

1、下载

GitHub - vbenjs/vue-vben-admin: A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!

2、安装

提示要求node ：20以上，之前的一篇写的nvm来管理node版本，pnpm : 9以上的版本

3、我们来运行antd的版本

提示pnpm / node.js version，应该是pnpm的版本，我们来查看一下：
我们打开pnpm的github:

要求9.3以上版本，那么我们来安装9.15.5版本

使用npm来安装pnpm

npm 来查看版本：

使用命令：

npm install -g pnpm@9.15.5

安装成功。

再次点安装依赖，就可以：

4、运行以后的界面：

5、好了，这样就简单的运行起来了，有兴趣可以试一下，这样的中后台解决方案还有好几个，有兴趣的可以自己研究下。

比如：

vue-element-admin


vue-pure-admin

https://github.com/pure-admin/vue-pure-admin


TDesign Vue Next Starter

GitHub - Tencent/tdesign-vue-next-starter: A starter-kit for TDesign Vue Next UI components

目前星不多，但很不错哦~~。


RuoYi

RuoYi 若依官方网站

vue-vben-admin-main.zip
04-09
vue-vben-admin-main.zip
【爆款推荐】Vue Vben Admin 5.0震撼发布！28.6k Star的中后台王者全面升级！
chenchuang0128的博客
09-12 1201
大家好，我是前端技术博主[前端组件开发]。这个在GitHub上狂揽28.6k Star的中后台解决方案，这次升级简直是把开发者体验做到了极致！👉 互动话题：你在使用Vben Admin时遇到过哪些问题？：本文由[前端组件开发]原创，转载请注明出处。更多技术干货，请持续关注本公众号！💡 博主实测：同样的功能开发，5.0版本比旧版节省40%编码时间！：完整的TypeScript支持，代码提示和类型检查爽到飞起。：Monorepo让代码组织更清晰，特别适合大型项目。：深入理解这些技术栈，大厂offer拿到手软
第一节：Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门
cuiwin的专栏
04-17 6566
vben5 快速入门。 Vben Admin 框架新出的版本V5.5.4，而之前的Vben Admin 2.x 目前已存档，仅进行重大问题修复。之前在2.x版本曾经简单完成了一版专栏文章，当时也是收获了一些好评和建议。本次决定在v5 版本基础上再完成一次前后端的搭建。希望大家继续多多支持。项目精简后，再次启动项目，执行 pnpm run dev点击登录，可以看到接口报错，现在前端请求的后端有报错，下一节处理这部分逻辑。
2026 年开源 BPM/工作流引擎大盘点：Flowable vs Camunda vs Activiti vs Turbo——谁才是企业级首选？
最新发布
RuoYi Office是基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue3 + Vben Admin + Uniapp 构建的中小企业全业务办公一体化平台，涵盖OA 协同
04-07 2102
深度横评 2026 年四大主流开源 BPM 引擎（Flowable 8.0、Camunda 8.9、Activiti 7.21、Turbo 1.3），从 BPMN 支持度、性能扩展、Spring Boot 集成、社区活跃度等八大维度对比，附选型建议与 RuoYi Office 实战架构。
第十五节：Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - vue前端 生产部署
cuiwin的专栏
07-14 1507
本节进入部署环节，一般我们的项目分三部分，包括面向普通用户的首页客户端，这里是PC客户端，也可以是小程序，APP等。PC 管理后台前端Python 后端程序下图是我们的部署效果项目访问备注首页前端vue3 pc 端 自建代码管理前端/adminpython 后端/apiflask 程序。
第四节：Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - 对接后端登录接口(下)
cuiwin的专栏
05-06 1541
上一节内容，实现了登录的/auth/login 接口，但是登陆没有完成，还需要完成下面两个接口。才能完成登录。
SpringBoot+Vue-Vben-Admin中台&后台前后端完整
06-30
该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Vue3-Vben-Admin+蚂蚁可视化AntV 等技术栈开发的项目，采用多模块，前后端分离开发。包括图形展示、权限管理、用户管理等功能。【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Vue-Vben-AdminI 前端 UI 框架 前端模板 
实战SpringBoot2+Vue3-Vben-Admin整合之前端篇
05-14
【※  购买前提醒  ※】本课程分为前端+后端共计2个课程，本课属于前端部分，后端属于另外课程。 后端部分：https://download.csdn.net/course/detail/37057适用人群Java生态开发人员、Vue生态开发人员、IT类从业者课程概述该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Vue3-Vben-Admin+可视化等技术栈开发的项目，采用多模块，前后端分离开发。包括图形展示、权限管理、用户管理等功能。【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Vue-Vben-AdminI 前端 UI 框架 前端模板【开发工具】IntelliJ IDEA 开发 IDESQLyog 数据库连接客户端Postman HTTP 请求工具【开发环境】工具 版本JDK 1.8MySQL 5.7
Abp Vnext Vue版本(Vben Admin5.0)
weixin_55010563的博客
11-23 4174
如果是通过lion.abp new -t pro.all创建的项目，请在Lion.AbpPro.EntityFrameworkCore目录下执行dotnet ef migrations add init 生成迁移文件。lion.abp new -t pro.module -c 公司名称 -p 项目名称 -m 模块名称 -o 输出路径(可选)lion.abp new -t pro.all -c 公司名称 -p 项目名称 -o 输出路径(可选)新版本(vben5)与旧版本(vben2.8)不兼容。
vben Admin5.4.6+ Ant Design Vue (Vben Admin Antd)学习实现简单的Table样例
c1728733689的博客
11-29 1563
vben+ant 实现table组件 展示内容
vben admin5组件文档（豆包版）---VbenTree
weixin_43222587的博客
08-29 1146
VbenTree 是 Vben5 中基于 radix-vue 实现的树形组件，支持单选、多选、展开/折叠、权限控制等功能。
vue-vben-admin项目架构解析：monorepo与pnpm workspace配置
gitblog_00011的博客
10-08 1364
传统多仓库管理在中大型前端项目中常面临三大挑战：依赖重复安装导致磁盘空间浪费、跨包版本同步困难引发兼容性问题、模块调试需频繁切换仓库降低开发效率。vue-vben-admin采用monorepo架构结合pnpm workspace，通过集中管理代码仓库与依赖共享，有效解决了上述问题。项目根目录结构清晰展示了这一设计思想，核心配置文件[pnpm-workspace.yaml](https://lin...
#study-vben-admin-5.4.6 （安装依赖，启动项目，探索路由）
c1728733689的博客
11-19 2292
【99.1番外篇·Vben5·路由初探】https://www.bilibili.com/video/BV1yn1CY7Ena?在modules创建test.ts,并添加两个测试页面test1,test2。在src/router/routes/views下创建页面文件夹sys。路由在 src/router/routes/modules。下面是role下 index.vue的内容。下面是user下 index.vue的内容。我在modules下面添加了sys.ts。安装pnpm依赖进行管理。
vben 启动！
bu_xun_chang的博客
06-30 1043
本文介绍了Vue-Vben-Admin项目的启动指南。项目采用Monorepo架构，基于Vue3、TypeScript等技术栈。启动步骤包括：下载源码、配置Node 22.1.0、启用corepack管理包版本、使用pnpm安装依赖。项目提供多个UI库选项和演示环境，并支持精简配置。文章还分享了node版本控制、npm源配置技巧，以及解决corepack安装问题的方案。最后提供了相关文档链接，帮助开发者顺利完成项目启动。
Vben admin 5修改默认主题为渐变色
qq_42483780的博客
03-20 1058
目前仅支持cls格式，如果新增的主题不是渐变色可以跟着文档走，文档讲的比较详细，如果是渐变主题可以往下面看。在dom里可以看到之前的css被覆盖。1.创建一个全局css文件并引入。v5版本的主题配置文件在这里。
第三节：Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - 对接后端登录接口(上)
cuiwin的专栏
05-06 1709
这里是Vben Admin V5版本实战体验，上一节我们前端已正常运行，但是没有实现登录。本节的重点是对接后端接口。上一节地址：第一节：Vben Admin 最新 v5.0初体验第二节：Vben Admin 登录逻辑梳理和对接后端准备后端我们采用Python的Flask项目，Flask-SQLAlchemy管理数据库模型，Flask-Migrate进行模型迁移。参考版本如下：Flask3.0.23.1.1到这里，登录接口完成，下一步要实现获取用户信息和权限的接口功能。
第十二节：Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - 两种权限控制方式（附前后端代码）
cuiwin的专栏
06-29 866
通过前面几节课的内容，我们基本实现了，角色管理，用户管理，菜单管理的功能。
VBEN5零基础入门：30分钟搭建你的第一个后台系统
AgatePanther34的博客
12-06 1173
VBEN5提供了丰富的组件，比如ProTable可以直接拿来用，大大减少重复代码。重点关注src下的几个目录：views存放页面组件，router是路由配置，store是状态管理，api文件夹用来放后端接口相关代码。VBEN5推荐使用axios进行HTTP请求，api文件夹下的文件就是用来管理这些请求的。，它内置了VBEN5模板，可以一键创建项目并在线编辑。最棒的是，完成的项目可以直接部署上线，省去了繁琐的环境配置。可以使用VBEN5提供的评论组件模板，它已经包含了分页、回复等常见功能。
vben-admin学习100：构建复刻思路梳理
askein的博客
09-11 1119
my-admin/├─ apps/web-ele/ # 我的 Element Plus Admin 应用├─ packages/core # 公共核心功能├─ packages/components # 公共组件pnpm build。
【免费下载】 Vue-Vben-Admin 快速入门教程
gitblog_00974的博客
08-08 2143
Vue-Vben-Admin 快速入门教程 【免费下载链接】vue-vben-admin vbenjs/vue-vben-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统，支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统，可以方便地实现数据的查询和管理，同时支持多种数据库和插件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值