# vue3-template

**Repository Path**: jiangdeyuan/vue3-template

## Basic Information

- **Project Name**: vue3-template
- **Description**: Vue3 admin Vite Antd Typescript 基础模板
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://vue.jiangdeyuan.top/
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 2
- **Created**: 2021-09-07
- **Last Updated**: 2025-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, Ant-Design, TypeScript, vite

## README

## 简介

Vue3 Vite Antd Typescript 中后台简单模版

前端技术：vite + vue3.x + vue-router4.x + vuex4.x + ant-design-vue2.x + axios...

后端技术：koa + koa-router + jsonwebtoken... (假数据)

账号密码：superadmin  admin   test  test2  密码:123456 (不同的菜单权限)

## 特性

- **TypeScript**：应用程序级 JavaScript 的语言
- **主题**：可配置的主题颜色
- **权限**： 动态路由权限配置
- **适配**：移动端适配
- **国际化**：国际化方案

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/jiangdeyuan/vue3-template.git
```

- 安装依赖

```bash
cd .\vue3-template-server\
npm install

cd .\vue3-template-web\
npm install
```

- 启动后端

```bash
cd .\vue3-template-server\
npm run build
npm run start
```

- 启动前端

```bash
cd .\vue3-template-web\
npm run dev
```

<p><img width="100%" src="./img/preview_1.gif"></p>