# stepin-template-js

**Repository Path**: stepui/stepin-template-js

## Basic Information

- **Project Name**: stepin-template-js
- **Description**: an admin template built with antdv、tailwindcss、vue and vite
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://stepui.gitee.io/stepin-template
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 3
- **Created**: 2023-04-05
- **Last Updated**: 2025-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Ant-Design, template, admin, UI

## README

<h1 align="center">Stepin Template</h1>

<div align="center">

开箱即用的中后台前端/设计解决方案
<br/>
(原[ Vue Antd Admin](https://github.com/iczer/vue-antd-admin/) Vue3 版本)

![GitHub package.json version (subfolder of monorepo)](https://img.shields.io/github/package-json/v/stepui/stepin-template)
![GitHub repo size](https://img.shields.io/github/repo-size/stepui/stepin-template)
![GitHub last commit](https://img.shields.io/github/last-commit/stepui/stepin-template)
![GitHub release (latest by date)](https://img.shields.io/github/v/release/stepui/stepin-template)
![Docs by iczer](https://img.shields.io/badge/docs%20by-iczer-green)

![preview](./docs/images/preview.png) 

</div>

简体中文 | [English](./README-en_US.md)

- 预览地址: https://stepui.gitee.io/stepin-template
- 使用文档: http://stepui.gitee.io/stepin-template-docs/
- 常见问题: http://stepui.gitee.io/stepin-template-docs/issue
- 国内镜像: https://gitee.com/stepui/stepin-template

## 特性

- 强大的主题定制功能，实时动态切换
- 多页签功能，助力后台管理高效开发
- 内置权限控制，兼容 ABAC 和 RBAC 模型
- 丰富的内置业务组件和常用页面模板

## 浏览器支持
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --- | --- | --- | --- | --- |
| last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## 环境要求

|git|node|yarn|
|---|----|----|
|`^2.15.0`|`^16.14.0`|`^1.21.1`|

## 使用

### 拉取代码

```sh
git clone https://github.com/stepui/stepin-template-js.git
```

### 安装依赖

```sh
yarn install
```

### 启动

```sh
yarn dev
```

### 预览

启动成功后，控制台会显示本地访问地址：http://127.0.0.1:5173，浏览器打开即可预览。

更新多信息请参考 [使用文档](http://stepui.gitee.io/stepin-template-docs/)

## 参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 :star2:：

- 在你的公司或个人项目中使用 Stepin Template。
- 通过 [Issue](https://github.com/stepui/stepin-template/issues/new) 报告:bug:或进行咨询。
- 提交 [Pull Request](https://github.com/stepui/stepin-template/pulls) 改进 Stepin Template 的代码。
- 加入社群，与小伙伴们一同交流心得。QQ 群：441231578

## 打赏作者
如果该项目对您有所帮助，可以请作者喝一杯咖啡。
<p>
  <img src="./docs/images/alipay.png" width="320px" style="display: inline-block; border-radius: 8px;" />
  <img src="./docs/images/wechatpay.png" width="320px" style="display: inline-block; margin-left: 24px; border-radius: 8px;" />
</p>