基于Vue3.0和AntDesignVue,⾼颜值管理后台UI框架vue-
vben-admin运⾏
简介
Vue Vben Admin 是⼀个免费开源的中后台模版。使⽤了最新的vue3,vite2,TypeScript等主流技术开发,开箱即⽤的中后台前端解决⽅案,也可⽤于学习参考。
前端ui框架是什么意思
UI 框架
Tailwind CSS
Ant Design Vue 2.0
准备
和 -项⽬开发环境
- 熟悉 vite 特性
- 熟悉 Vue 基础语法
- 熟悉TypeScript基本语法
- 熟悉 es6 基本语法
- 熟悉 vue-router 基本使⽤
- ui 基本使⽤
-
mockjs 基本语法
特性
最新技术栈:使⽤ Vue3/vite2 等前端前沿技术开发TypeScript: 应⽤程序级 JavaScript 的语⾔
主题:可配置的主题
国际化:内置完善的国际化⽅案
Mock 数据内置 Mock 数据⽅案
权限内置完善的动态路由权限⽣成⽅案
组件⼆次封装了多个常⽤的组件
插件库
Vue Router Next
Vuex Next
vuex-module-decorators - vuex 模块化
vite-plugin-mock - 基于 vite 的 mock 插件.
vue-i18n - 国际化
lodash-es - JavaScript 实⽤程序库
moment - 时间操作库
axios - Http 数据交互
TypeScript
建议开发环境
Node.js: - 版本最好⼤于 12.0.0
yarn > npm > cnpm: - 包管理⼯具.
Git: - 版本管理⼯具
Visual Studio Code - (VSCode): 最新版本
ESLint
Stylelint
安装使⽤
1:从github上⾯获取项⽬代码
git clone github/anncwb/vue-vben-admin.git
2:将代码导⼊vscode,打开终端,安装依赖
或者可以直接实⽤Git: - 版本管理⼯具输⼊命令安装依赖我⽐较习惯第⼀种。
进⼊到项⽬⽂件夹根⽬录底下,打开终端就直接进⼊了
如果没有进⼊,可以使⽤⼀下cd命令
cd vue-vben-admin
安装依赖
yarn install
运⾏
yarn serve
兼容 vue2 的浏览器,⼀切免费,不收取任何费⽤,请放⼼使⽤。后续定期提供更新及维护,可供参考与学习。打包
yarn build

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。