vue3 有什么好用稳定的后台管理系统的轮子呢。花裤叉的只有 vue2 版本的

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1226 天前的主题，其中的信息可能已经有所发展或是发生改变。

大佬，公司要新做个后台管理系统。打算用 vue3，有什么好用的轮子呢
那个 vue-beautiful-pro 已经冲烂了，这个就不选了
就是有几个想选则的
ui 库用 antd-vue 还是 element3.0 版本的
图表是用 echarts5.0 还是 antv g2
打包是用 webpack5.0 还是 vite2.0

轮子

花裤叉

好用

51 条回复 • 2022-04-02 11:36:05 +08:00

TyCoding

2021-08-19 14:46:24 +08:00

vben

anguiao

2021-08-19 14:52:20 +08:00

照着 vue-admin-template 自己抄一份基础框架不就好了。
虽然我用的 Element Plus，但是这玩意其实还没有稳定，偶尔会有破坏性改动。antdv 没用过，不评价。
打包的话，如果没有特别复杂的需求，可以试试 vite 。vue-cli 和 vite 之间切换的成本也不算高，可以都试试。

bthulu

2021-08-19 14:55:31 +08:00

antd-vue 啊, element 的别用, 坑多, 组件少.

harde

2021-08-19 15:01:44 +08:00

Quasar，Vue3 同时还支持 TS，不过框架学习成本有点陡。

coolair

2021-08-19 15:05:58 +08:00

要用 antd 就切到 react，antd-vue 写的是一言难尽。

casbal

2021-08-19 15:08:47 +08:00

vben-admin
naive-admin
这俩最近也在看

shilianmlxg

2021-08-19 15:31:12 +08:00

@coolair antd pro 成本过于陡峭了，，，，哈哈哈哈哈。以后如果要学 react 后台就用

shilianmlxg

2021-08-19 15:31:40 +08:00

@harde vue3 一定要加 ts 吗。

Jaosn

2021-08-19 15:32:51 +08:00

vben-admin 应该还行

2.x 版本没用过 element 不评价，3.x ant-design-vue 肯定比 element-plus 好用

harde

2021-08-19 15:40:41 +08:00

@shilianmlxg 不是必须，尤其在你还不熟悉 Vue3 的情况下，尽量也别使用 TS 开发。不然你的学习成本直接就从线性变成指数了....

daishankeke

2021-08-19 15:46:31 +08:00

UI 库建议使用 ant-design-vue
当初选了 element-plus 现在肠子都悔青了

chouchoui

2021-08-19 15:47:57 +08:00

antdv 还真好意思说 element 坑多🙄️

forzalianjunting

2021-08-19 15:52:39 +08:00

后台管理还是 antd 好用些

fpure

2021-08-19 15:56:12 +08:00

vue3 的 ts 开发体验怎么样？

hsiangleev

2021-08-19 16:01:59 +08:00

[https://github.com/hsiangleev/element-plus-admin]( https://github.com/hsiangleev/element-plus-admin)

John60676

2021-08-19 16:03:22 +08:00

来啦来啦，我又来打广告了（逃

vue-request ⚡️ 一个能轻松帮你管理请求状态（支持 SWR，轮询，错误重试，缓存，分页等）的 Vue 3 请求库

仓库地址： https://github.com/AttoJS/vue-request
官网地址： https://www.attojs.org

ccyu220

2021-08-19 16:05:27 +08:00

奉劝一句，有能力就照着 vue-admin-template 自己搭建改造一份，譬如我司。
那些把配置、主题、部分核心功能用 node 包分发的，一概别用。因为你不知道过了一年之后他们会在哪个功能修改上卡死你，vue-beautiful-pro 就是很好的案例。
这么几年，只有原作者的 vue-admin-template 是最纯粹的，虽然它是 vue2 项目。

shilianmlxg

2021-08-19 17:11:56 +08:00

@ccyu220 谢谢大佬

shilianmlxg

2021-08-19 17:13:25 +08:00

@anguiao 大佬，element plus 有哪些地方不稳定呢，比如我想要个树型的穿梭框这种有轮子嘛

zvil

2021-08-19 17:38:43 +08:00

@shilianmlxg 最近我更新了下版本，scss 变化挺大，和我原来的配置冲突了

hotcool100

2021-08-19 17:46:49 +08:00

过两年再考虑 v3

anguiao

2021-08-19 19:19:30 +08:00 via Android

@shilianmlxg
组件功能没什么大问题，最近有些地方改动比较大。
比如把 SCSS 变量重构成原生 CSS 变量了，然后本地化的引入方式改了等等。
升级版本之前注意看 changelog，应该问题不大。

jxxz

2021-08-19 21:36:37 +08:00 via iPhone

我记得你，大佬硬邦邦！

shilianmlxg

2021-08-19 22:39:31 +08:00

@daishankeke 大佬你细说你细说

jasy

2021-08-20 00:20:48 +08:00

@chouchoui 说得对,antd 对新手不太友好

uyoungco

2021-08-20 09:50:18 +08:00

我也是建议 vue-admin-template 自己改好了想方便的还能安装 @vue/composition-api 在 2.x 上使用的 composition-api，还是很舒服的

Kusoku

2021-08-20 10:08:28 +08:00

vben 不太推荐，用过早期版本一堆问题，升级也不是很平滑，有些地方过度封装了还是需要自己改，antdesignvue 可以推荐下，但是问题也不少，elementplus 目前感觉还行，组件有些不如 2 的版本好用，功能配置会有缺失待补充完善的

shilianmlxg

2021-08-20 10:12:16 +08:00

@uyoungco 现在超级想学用 @vue/composition-api
请问这个在 vue2.x 上好用稳定嘛

shilianmlxg

2021-08-20 10:12:49 +08:00

@Kusoku 谢谢大佬的踩坑经验

Ixizi

2021-08-20 10:28:25 +08:00

后管不建议用 vue3，不支持 IE 浏览器

libook

2021-08-20 10:30:51 +08:00

这个主要还是看具体需求，主流轮子基本啥都能做，只不过就是倾向于适合哪些情况的区别。

去年我做一个功能比较简单，且预期半年到一年不会有新的大需求的后台，用的 vue3 的 CDN 方案，连打包工具都不用，样式上直接用 Bulma，反正组件功能稍微写一写就出来了，比折腾 UI 框架省时，内部人使用就让他们装最新浏览器就好。

预期短期内建成且规模会比较大的后台建议用一些成熟的轮子，比如回到 Vue2 生态（捂脸）。

sjhhjx0122

2021-08-20 10:34:01 +08:00

@vue/composition-api 其实满好用的，配上 vue-demi，不过 vue2 vscode ts 的模板提示怎么都有问题，不管是 volar，vetur，后台就不用管兼容 vite 很好用，真怕兼容性就开发 vite，打包 webpack
antdvue vue3 的的版本 v-modal 每一个都有后缀，每次都要看文档烦都要烦死，真不如 element，

brucedone

2021-08-20 12:00:03 +08:00

https://gitee.com/lyt-top/vue-next-admin

vue-next-admin，ts + vite + vue3，目前我用的比较舒服，顺便说一句：

brucedone

2021-08-20 12:01:01 +08:00

接上：vue-beautiful-pro 是我目前为止见过的最恶心人的项目，搞技术的下限竟然可以突破我的想象

shilianmlxg

2021-08-20 13:34:14 +08:00

@libook 谢谢大佬的踩坑经验~~~

96412hj

2021-08-20 14:34:00 +08:00

quasar 或者 https://github.com/dirkhe1051931999/quasar-typescript-admin-template

gg2018

2021-08-20 15:03:19 +08:00

@brucedone 怎么回事，我想当个吃瓜群众，能详细说下吗？感谢

shilianmlxg

2021-08-20 15:41:26 +08:00

@gg2018 https://www.v2ex.com/t/793276?p=1

chu1204505056

2021-08-21 10:53:19 +08:00 via Android

@brucedone 仔细说说 vue-admin-beautiful 哪里恶心了，挺好的吧你宣传项目或者宣传你自己的时候你只要提一下 vue-admin-beautiful 就可以给你带来十几万的点击量，还不用学 vab 一开始花那么多钱打广告，

wht0522

2021-08-21 11:33:32 +08:00

通过改造 vue-admin-template 学习的 vue3

https://github.com/HaitaoWang555/vue3-admin-template

https://github.com/HaitaoWang555/vue3-admin-pro

shilianmlxg

2021-08-21 12:16:53 +08:00 via iPhone

@wht0522 谢谢大佬

brucedone

2021-08-21 17:54:37 +08:00

@chu1204505056 https://www.v2ex.com/t/793276?p=1 要点 B 脸？

chu1204505056

2021-08-21 18:46:19 +08:00

@brucedone 这咋了？这就是你骂人的理由了？能被这么多人评价说明用户量大呀，你眼中的收黑心钱的项目都能做到标星过万，那你给人送钱，你看看你做的到标星过万吗？看你岁数应该比我大个二三十岁吧，怎么就不能鼓励一下年轻人创业呢

chu1204505056

2021-08-21 18:57:31 +08:00

@ccyu220 即使 npm 修改了以后不能向下更新那你可以 npm 锁定版本呀你也可以把代码挪出来不让升级呀

brucedone

2021-08-21 19:21:31 +08:00

@chu1204505056

```
https://www.v2ex.com/t/711701
@bitdepth 就是因为不容易找到差异，issues 全部删掉，才能引导大家消费，如果能轻易解决了，谁还愿意付费 🤣🤣🤣
```

您就别给自己树立价值观典型了，你自己的回复，大家都看在眼里，互联网是有记忆的

chu1204505056

2021-08-21 19:58:50 +08:00 via Android

@brucedone 这是什么记忆呀你都知道话是错的我会傻到故意这么说？明显说反话你这个脑子也是可以啊，不知道哪句是真哪句是假？还怎么写 Python