通过脚手架一键生成vue后台管理系统

最近一直在做后台管理,一般都是从网上git clone一份下来,然后根据需求将多余的模块删除。

这时我就在想有没有一种方法能够根据我的需要自动配置我想要的功能和模块呢? 毕竟每一次复制粘贴也怪麻烦的,而且有些后台管理用的技术栈并不是我想要的。

例如,我想用不同的ui库,模板用的ts,但是我想要js版的,想用上多语言等等。。。

于是,参考vue cli 的方式我搭建了一个脚手架 bd-admin,能够按照我的需求自己选择技术栈

如果对你有帮助,可以下载安装试一试,欢迎提各种需求和bug

bd-admin是什么?

bd-admin(布丁admin)是一款能根据需求快速配置vue后台管理的脚手架,内置使用vue3 + vue-router + pinia + axios 其他功能均可自定义。

脚手架能做什么?

  • 极简操作,安装就可使用
  • 轻装上阵,模块功能自己决定是否使用,可以快速修改为自己想要的模板。
  • 自定义技术栈 : vue3 +elementUI or vue3+Ant Design 由你搭配
  • 自定义后台管理功能模块:权限配置 or 多语言 or 动态换肤 项目功能由你选择
  • 代码规范可配置:自选是否在项目中应用eslint 和Prettier

构建后后台管理有哪些功能?

搭建的后台模板默认是使用vite5,vue3,pinia,axios这些流行的技术栈 其余可选配置有

  • 框架技术自提
    • 语言选择: typeScript or javaScript
    • ui库选择 :element Plus or Ant Design
    • css扩展语言选择: less or scss
    • 代码规范:eslint 和Prettier
    • 多语言:使用i18配置多语言
  • 框架模块自提
    • echarts
    • three.js

如何使用

使用方法很简单,先全局安装脚手架

js 复制代码
npm install bd-admin -g

然后

js 复制代码
bd-admin create <name>

之后就可以根据配置自主选择项目需要哪些模块了

生成后的项目示例

示例1

ts +vue3+i18n+vue-router+pinia+ant Design vue

示例2

js +vue3+i18n+vue-router+pinia+element

相关推荐
圈圈的熊5 分钟前
vue2 和 vue3的区别
前端·javascript·vue.js
Kika写代码8 分钟前
【基于轻量型架构的WEB开发】课程 作业4 AOP
java·前端·架构
前端与小赵3 小时前
关于 AJAX 与 Promise
前端·ajax·okhttp·promise
啊·贤4 小时前
展开运算符 (...):这是 JavaScript 中的一个语法,用于将数组或对象展开到另一个数组或对象中。
前端·javascript·vue.js
硬汉嵌入式4 小时前
《安富莱嵌入式周报》第345期:开源蓝牙游戏手柄,USB3.0 HUB带电压电流测量,LCR电桥前端模拟,开源微型赛车,RF信号扫描仪,开源无线电收发器
前端·游戏·开源
NiNg_1_2344 小时前
前端 Flex 布局语法详解
前端·css·html
吉吉安4 小时前
前端实现选项多选效果(三层结构)
前端·vue.js·html5
青少儿编程课堂7 小时前
2024年3月电子学会Python等级考试试卷(四级)真题,包含答案
前端·javascript·python·电子学会·电子学会2024年3月真题·电子学会真题
始终奔跑在路上7 小时前
软件测试—HTML
前端·功能测试·html·集成测试·软件工程
Moment7 小时前
在 NodeJs 中如何通过子进程与 Golang 进行 IPC 通信 🙄🙄🙄
前端·后端·go