ICode9

精准搜索请尝试: 精确搜索
首页 > 系统相关> 文章详细

Vue-Vben-Admin简介介绍

2024-02-07 11:09:22  阅读:38  来源: 互联网

标签:


简介

Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模版,以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习 vue3vitets 等主流技术。该项目会持续跟进最新技术,并将其应用在项目中。

#文档

  • 中文文档地址为 vben-admin-doc,采用 Vitepress 开发。如发现文档有误,欢迎提 pr 帮助我们改进。
  • 英文文档暂时没有时间来写,欢迎有时间的同学来帮忙写英文文档。

#本地运行文档

如需本地运行文档,请拉取代码到本地。

# 拉取代码
git clone https://github.com/vbenjs/vue-vben-admin-doc

# 安装依赖
yarn

# 运行项目
yarn dev

#需要掌握的基础知识

本项目需要一定前端基础知识,请确保掌握 Vue 的基础知识,以便能处理一些常见的问题。建议在开发前先学一下以下内容,提前了解和学习这些知识,会对项目理解非常有帮助:

  • Vue3 文档
  • Vue-RFCS
  • Vue2 迁移到 3
  • TypeScript
  • Vue-router
  • Ant-Design-Vue
  • Es6
  • Vitejs
  • WindiCss

#模版

  • vue-vben-admin

该版本主要是提供一些 Demo 示例及插件的使用集成方式,主要用于参考。如果对项目不是很熟悉,不建议在此基础上进行开发,请使用下方提供的精简版本。

  • vue-vben-admin-thin

vue-vben-admin 精简版本。删除了相关示例、无用文件及功能、依赖。可以根据自身需求安装对应的依赖。因为使用的是 vite,依赖删除不会导致相关组件或者 hook 发出警告。只在需要的时候安装对应的库即可。

#vite 插件推荐

如果这些插件对你有帮助,可以给一个 star 支持下

  • vite-plugin-mock - 用于本地及开发环境数据 mock
  • vite-plugin-html - 用于 html 模版转换,可以在html文件内进行书写模版语法
  • vite-plugin-style-import - 用于组件库样式按需引入
  • vite-plugin-imagemin - 用于打包压缩图片资源
  • vite-plugin-theme - 用于在线切换主题色/黑暗主题适配等主题相关配置
  • vite-plugin-compression - 用于打包输出.gz|.br文件
  • vite-plugin-svg-icons - 快速生成 svg sprite

#浏览器支持

本地开发推荐使用Chrome 最新版浏览器,不支持Chrome 80以下版本。

生产环境支持现代浏览器,不支持 IE。

标签:
来源:

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[[email protected]]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有