Skip to content

坚持Less is More,一个基于Vue + Element Plus的模板框架,采用JS开发,精简的依赖和组件,适合新手入门,也适合高手拓展

License

Notifications You must be signed in to change notification settings

shenbinglife/Mini-Vue-Admin

Repository files navigation

vue-mini

坚持Less is More,一个基于Vue + Element Plus的模板框架,采用JS开发,精简的依赖和组件,适合新手入门,也适合高手拓展

特点:

  • 使用最新版本的
    • Vue 3.4.x
    • Vite 5.0.x
    • Element Plus 2.6.x
    • Pinia 2.1.x
    • Vue Router 4.2.x
  • 精简的项目依赖
    • 除了上面核心依赖项,额外的依赖只有4个
  • 基于JS开发,而不是TS
    • 使用ts开发的项目讲真只能增加复杂度,对于管理后台的项目来说并不能增加开发效率,微弱的类型安全可以忽略
  • 没有添加各种编译插件,例如:lint、git、auto import等
    • 这些插件的复杂度经常导致入门项目编译失败,如果认真使用IDE的自动导包、代码提示,一般就能解决任何问题
  • 没有复杂的自定义Component组件
    • 经常看到其他的vue后台项目,例如ruoyi-ui、vue-element-admin等, 每个项目中包含的自定义组件就超级多,学习成本和使用成本也很高,其实element-plus中的组件已经够用,需要拓展的话可以基于此项目开发新的组件

项目文档

这个项目基本上需要介绍的内容不多,我就写一些常见的实现原理,适合入门学习,例如侧边栏菜单、标签栏、form inline修复等

实现原理

很多前端后台项目没有接口文档,导致适配开发非常困难,需要开发人员自己不断阅读代码,总结数据结构,所以这里给出一份接口文档,方便开发者适配后端开发

接口文档

初始化项目

pnpm install

编译和进入开发模式

pnpm dev

编译生产版本

pnpm build

项目截图

img.png

img_1.png

img_2.png

img.png

img_3.png

img_4.png

img_5.png

About

坚持Less is More,一个基于Vue + Element Plus的模板框架,采用JS开发,精简的依赖和组件,适合新手入门,也适合高手拓展

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published