| ✨ 一个基于 Vue3 + TS + Element | 您所在的位置：网站首页 › vue3官网模板 › ✨ 一个基于 Vue3 + TS + Element |
✨ 一个基于 Vue3 + TS + Element
|
✨ 新版
强烈推荐：基于 vite 的新版本 v3-admin-vite 简介v3-admin 和 新版 v3-admin-vite 是一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element-Plus、Pinia 等主流技术 特点非常低的上手成本！ 社区里现在基于 Element Plus 且比较完整的 Admin 模板有 vue-pure-admin；轻量一点但基于 JS 有 fantastic-admin 基于 Naive UI 的有 naive-ui-admin 和 soybean-admin 基于 Ant Design Vue 的有 vue-vben-admin 和 vue3-antd-admin 上面这些更优秀的模板几乎都集成了当下主流的三方依赖以及配置，但不管是初学者还是有经验的人，也都可能感觉到上手成本相比花裤衩大佬的 vue-element-admin 不是一个量级的。 所以，在这里安利一下我们团队开源的 v3-admin 和 新版 v3-admin-vite，如果你用过花裤衩大佬的 vue-element-admin，又正在焦虑众多 vue3 admin 模板上手成本太高，那么可以试试它！ 集成 采用 Vue3 + script setup：最新的 Vue3 组合式 API 采用 TypeScript：迟早都要学的 TS 采用 Element Plus：Element UI 的 Vue3 版本 采用 Vuex：后面可能会迁移到 Pinia 已经迁移到 Pinia 采用 Vue-Router：路由路由 采用 Yarn：可以自己 fork 过去换成 pnpm 已经切换为 pnpm 采用 Scss：没有集成原子 CSS 插件，可自行集成（新版 v3-admin-vite 已经集成 UnoCSS） 采用 ESlint: 没有集成 Prettier，可自行集成（新版 v3-admin-vite 已经集成 Prettier） 采用 Axios：发送网络请求（已封装好） 代码提交检测：只有 gitHooks + lint-staged，没有 husky、commitlint、commitizen 等工具的组合使用（新版 v3-admin-vite 是 husky + lint-staged） 没有集成国际化 内置功能 登录登出演示 主题切换（内置黑暗模式） 前端权限（动态路由、指令权限、权限函数） 路由守卫 多种环境配置（开发、预发布、正式） SVG 动态侧边栏、动态面包屑 标签页快捷导航 自适应收缩侧边栏（兼容移动端） 清晰的目录 # v3-admin（新版 v3-admin-vite 目录也基本相同） ├─ .env.development # 开发环境 ├─ .env.production # 正式环境 ├─ .env.test # 测试环境 ├─ .eslintrc.js # eslint ├─ deploy # 脚本部署 ├─ public │ ├─ favicon.ico │ ├─ index.html ├─ src │ ├─ @types # ts 声明 │ ├─ api # api 接口 │ ├─ assets # 静态资源 │ ├─ components # 全局组件 │ ├─ config # 全局配置 │ ├─ constant # 常量/枚举 │ ├─ directives # 全局指令 │ ├─ icons # svg icon │ ├─ layout # 布局 │ ├─ model # 全局 model │ ├─ plugins # 插件 │ ├─ router # 路由 │ ├─ store # pinia store │ ├─ styles # 全局样式 │ ├─ utils # 全局公共方法 │ └─ views # 所有页面 │ ├─ App.vue # 入口页面 │ ├─ main.ts # 入口文件 │ └─ shims.d.ts # 模块注入 ├─ tsconfig.json # ts 编译配置 └─ vue.config.js # vue-cli 配置 复制代码 部分截图甚至还有针对新手的手摸手教程：V3 Admin Vite 手摸手教程 提供源码 GitHub 国内访问 Gitee 新版 GitHub 新版 国内访问 Gitee 如果对你有帮助帮忙点一个 star 吧！ |
【本文地址】
公司简介
联系我们