# admin-next-template

**Repository Path**: jh_shot/admin-next-template

## Basic Information

- **Project Name**: admin-next-template
- **Description**: Vue3 管理后台模板
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 3
- **Created**: 2021-08-06
- **Last Updated**: 2025-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# Admin Next Template

## 简介

Admin Next Template 是一个开源的后台管理模版。

## 特性

- **技术栈**：使用 Vue3/ElementPlus 等前端前沿技术开发
- **TypeScript**：应用程序级 JavaScript 的语言
- **特性**：支持使用 Vue 和 TSX 编写组件

## 准备

- [Node](http://nodejs.org/) 和 [Git](https://git-scm.com/)
- [Vue3](https://v3.cn.vuejs.org/guide/introduction.html)
- [ElementPlus](https://element-plus.gitee.io/zh-CN/guide/design.html)

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/jh_shot/admin-next-template.git
```

- 安装依赖

```bash
npm i
```

- 运行

```bash
npm run dev
```

- 打包

```bash
npm run build
```

## 注意事项

- 装上 volar 插件后更好的支持模板开发
- 路由页面文件名统一为 `index`
- 装上 volar 插件后更好的支持模板开发
- 缓存最多支持三级路由
- 项目开发时请锁定依赖版本
- 如果在 vue 文件中全局组件没有类型提示，可尝试删除依赖后重装

## 待开发

- [ ] vxe-table 4.6 版本在 2024-12 停止维护，到时迁移至 >= 4.7

## 待处理

- [ ] tsx + css-modules 不支持媒体查询 [issue](https://github.com/vitejs/vite-plugin-vue/issues/200)
- [ ] 打包时 lightningcss 不会处理字体文件，目前仍然使用 postcss 处理样式