真香定律！带你用vue3+vite2撸后台

真香定律！带你用vue3+vite2撸后台

vue3 admin plus 提供企业级开发demo

本架构使用的技术为：vue3(setup-script)+vite2+element-plus 的新一代的前端框架，It's easy and fast!

使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率

github地址：vue3-element-plus

体验地址：github.jzfai.top/vue3-admin-…

系列文章：

• vue3+vite2+elementPlus 的新一代的前端框架，It's easy and fast!（基础篇）

• 目录结构介绍

• 代码规范和检验(eslint pretty husky)

• 多环境设置及全局变量定义

• js全局错误日志收集

• axios集成及批量取消请求

• mock开发和生产环境集成

• vite配置篇vite.config.js

• 全局配置(settings.js)

• i18n和element-plus国际化语言

• 登录和路由权限篇

• keep-alive缓存篇(基础)

• keep-alive缓存篇(进阶)

• 前端后端跨域配置

• Vue3 ref和reactive的使用和区别以及响应式原理（深入篇）

• vscode配置和断点调试

• webstrom或idea配置和断点调试

官方视频(推荐)¶

vue3-admin-plus官方视频（支持一下）

讲述了: vue3基础->vue3+vite基础环境搭建->vue3全家桶(pinia)->vite常用插件->typescript集成->rbac权限->layout核心布局->自定义vite插件

本视频课程覆盖了未来1-5年内前端最新的知识点

相关项目

框架有js，ts，plus和electron版本

• js版本：vue3-element-admin
• ts版本：vue3-element-ts
• js实例参考plus版本：vue3-element-plus
• electron版本：vue3-element-electron