[开源]Vue3、Element-Plus、TypeScript4、Vite3的后盾集成计划

极力爱宏

一飞开源，引见创意、离奇、乏味、实用的收费开源运用、零碎、软件、硬件及技术，一个探究、发现、分享、使用与互动交流的开源技术社区平台。努力于打造活气开源社区，共建开源重生态！一、开源名目简介vue-element-plus-admin 是一个基于 element-plus 收费开源的中后盾模版。使用了最新的vue3，vite4，TypeScript等主流技术开发，开箱即用的中后盾前端解决计划，能够用来作为名目的启动模版，也可用于学习参考。而且时辰关注着最新技术意向，尽量的第一时间更新。
vue-element-plus-admin 的定位是后盾集成计划，不太合适当根底模板来进行二次开发。由于集成为了得多你可能用不到的功用，会形成不少的代码冗余。假如你的名目不关注这方面的问题，也能够间接基于它进行二次开发。
如需求根底模版，请切换到 tempalte 分支，tempalte 只简略集成为了一些如：规划、静态菜单等罕用规划功用，更合适开发者进行二次开发。
二、开源协定
使用MIT开源协定
三、界面展现












四、功用概述 特性
最新技术栈：使用 Vue3/vite4 等前端前沿技术开发TypeScript: 运用顺序级 JavaScript 的言语主题: 可配置的主题国内化：内置完美的国内化计划自定义数据 内置 Mock 数据计划权限 内置完美的静态路由权限生成计划组件 二次封装了多个罕用的组件示例 内置丰硕的示例五、技术选型 前序筹备node 和 git - 名目开发环境Vite4 - 相熟 vite 特性Vue3 - 相熟 Vue 根底语法TypeScript - 相熟 TypeScript 根本语法es6+ - 相熟 es6 根本语法Vue-Router-Next - 相熟 vue-router 根本使用Element-Plus - element-plus 根本使用Mock.js - mockjs 根本语法装置和使用获得代码拜候一飞开源：http://code.exmay.com/ 下载装置依赖cd vue-element-plus-admin pnpm install运转pnpm run dev打包pnpm run build:pro 目录构造 . ├── .github # github workflows 相干 ├── .husky # husky 配置 ├── .vscode # vscode 配置 ├── mock # 自定义 mock 数据及配置 ├── public # 动态资源 ├── src # 名目代码 │ ├── api # api接口办理 │ ├── assets # 动态资源 │ ├── components # 专用组件 │ ├── hooks # 罕用hooks │ ├── layout # 规划组件 │ ├── locales # 言语文件 │ ├── plugins # 内部插件 │ ├── router # 路由配置 │ ├── store # 形态办理 │ ├── styles # 全局款式 │ ├── utils # 全局工具类 │ ├── views # 路由页面 │ ├── App.vue # 入口vue文件 │ ├── main.ts # 主入口文件 │ └── permission.ts # 路由阻拦 ├── types # 全局类型 ├── .env.base # 当地开发环境 环境变量配置 ├── .env.dev # 打包到开发环境 环境变量配置 ├── .env.gitee # 针对 gitee 的环境变量 可疏忽 ├── .env.pro # 打包到出产环境 环境变量配置 ├── .env.test # 打包到测试环境 环境变量配置 ├── .eslintignore # eslint 跳过检测配置 ├── .eslintrc.js # eslint 配置 ├── .gitignore # git 跳过配置 ├── .prettierignore # prettier 跳过检测配置 ├── .stylelintignore # stylelint 跳过检测配置 ├── .versionrc 自动生成版本号及更新记载配置 ├── CHANGELOG.md # 更新记载 ├── co妹妹itlint.config.js # git co妹妹it 提交标准配置 ├── index.html # 入口页面 ├── package.json ├── .postcssrc.js # postcss 配置 ├── prettier.config.js # prettier 配置 ├── README.md # 英文 README ├── README.zh-CN.md # 中文 README ├── stylelint.config.js # stylelint 配置 ├── tsconfig.json # typescript 配置 ├── vite.config.ts # vite 配置 └── windi.config.ts # windicss 配置 六、源码地址拜候一飞开源：http://code.exmay.com/