|
|
|
|
|
<div align="center">
|
|
|
|
|
|
<img src="https://i.hd-r.cn/6ce52e5724fae609444b5b48bdc4accb.png">
|
|
|
|
|
|
<p align="center">
|
|
|
|
|
|
<a href="https://v3.vuejs.org/" target="_blank">
|
|
|
|
|
|
<img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">
|
|
|
|
|
|
<img src="https://img.shields.io/badge/element--plus-%3E1.0.0-blue" alt="element plus">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="https://www.tslang.cn/" target="_blank">
|
|
|
|
|
|
<img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="https://vitejs.dev/" target="_blank">
|
|
|
|
|
|
<img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="https://gitee.com/lyt-top/vue-next-admin/blob/master/LICENSE" target="_blank">
|
|
|
|
|
|
<img src="https://img.shields.io/badge/license-MIT-success" alt="license">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p> </p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
#### 🌈 介绍
|
|
|
|
|
|
|
|
|
|
|
|
基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。
|
|
|
|
|
|
|
|
|
|
|
|
#### ⛱️ 线上预览
|
|
|
|
|
|
|
|
|
|
|
|
- vue3.x 版本预览（vue-next-admin）<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-next-admin-preview/#/login</a>
|
|
|
|
|
|
- vue3.x + uni-app 商城 H5（vue-next-admin-shop）<a href="https://lyt-top.gitee.io/vue-next-admin-shop-preview" target="_blank">https://lyt-top.gitee.io/vue-next-admin-shop-preview</a>
|
|
|
|
|
|
|
|
|
|
|
|
#### 💒 代码仓库
|
|
|
|
|
|
|
|
|
|
|
|
- vue3.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin</a>
|
|
|
|
|
|
|
|
|
|
|
|
#### 🚧 安装 cnpm、yarn
|
|
|
|
|
|
|
|
|
|
|
|
- 复制代码(桌面 cmd 运行) `npm install -g pnpm --registry=https://registry.npm.taobao.org`
|
|
|
|
|
|
|
|
|
|
|
|
#### 🏭 环境支持
|
|
|
|
|
|
|
|
|
|
|
|
| Edge | Firefox | Chrome | Safari |
|
|
|
|
|
|
| --------- | ------------ | ----------- | ----------- |
|
|
|
|
|
|
| Edge ≥ 88 | Firefox ≥ 78 | Chrome ≥ 87 | Safari ≥ 13 |
|
|
|
|
|
|
|
|
|
|
|
|
> 由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。
|
|
|
|
|
|
|
|
|
|
|
|
#### ⚡ 使用说明
|
|
|
|
|
|
|
|
|
|
|
|
建议使用 pnpm，因为 yarn 有时会报错。<a href="http://nodejs.cn/" target="_blank">node 版本 > 14.18+/16+</a>
|
|
|
|
|
|
|
|
|
|
|
|
> Vite 不再支持 Node 12 / 13 / 15，因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
# 安装依赖
|
|
|
|
|
|
pnpm install
|
|
|
|
|
|
|
|
|
|
|
|
# 运行项目
|
|
|
|
|
|
pnpm run dev
|
|
|
|
|
|
|
|
|
|
|
|
# 打包发布
|
|
|
|
|
|
pnpm run build
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
#### 📚 开发文档
|
|
|
|
|
|
|
|
|
|
|
|
- 查看开发文档：<a href="https://lyt-top.gitee.io/vue-next-admin-doc-preview" target="_blank">vue-next-admin-doc</a>
|
