# Fantastic-template

**Repository Path**: codeleilei/fantastic-template

## Basic Information

- **Project Name**: Fantastic-template
- **Description**: 一款开箱即用的 Vue 项目模版，基于 Vue(3.x) & Vite(2.x)
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://hooray.gitee.io/fantastic-template
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 94
- **Created**: 2022-02-11
- **Last Updated**: 2023-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Fantastic-template

## 这是什么

一款开箱即用的 Vue 项目模版，基于 Vue(3.x) & Vite(2.x)

## 特点

- 默认集成 vue-router 和 pinia
- 支持基于文件系统的路由
- 全局 SCSS 资源引入
- 全局组件自动注册
- 支持 SVG 图标，CSS 精灵图自动合成
- 支持 mock 数据，可摆脱后端束缚独立开发
- 支持 gzip / brotli 优化项目体积，提高加载速度
- 结合 IDE 插件、ESlint 、stylelint 、Git 钩子，轻松实现团队代码规范

## 文档

[点击访问](https://hooray.gitee.io/fantastic-template) ([备份地址](https://hooray.github.io/fantastic-template))

## 支持

如果觉得模版不错，或者已经在使用了，希望你可以去 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。

[![star](https://img.shields.io/github/stars/hooray/fantastic-template?style=social)](https://github.com/hooray/fantastic-template)

[![star](https://gitee.com/hooray/fantastic-template/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-template)

## 生态

<table>
    <tr>
        <th colspan="3" align="center">
            <a href="https://hooray.gitee.io/fantastic-admin" target="_blank">Fantastic-admin</a>
        </th>
    </tr>
    <tr>
        <th colspan="3" align="center">
            一款开箱即用的 Vue 中后台管理系统框架
        </th>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview1.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview2.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview3.png" /></td>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview4.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview5.png" /></td>
        <td><img src="https://hooray.gitee.io/fantastic-admin/preview6.png" /></td>
    </tr>
</table>

<table>
    <tr>
        <th colspan="3" align="center">
            <a href="https://hooray.gitee.io/one-step-admin" target="_blank">One-step-admin</a>
        </th>
    </tr>
    <tr>
        <th colspan="3" align="center">
            一款干啥都快人一步的 Vue 中后台管理系统框架
        </th>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview1.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview2.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview3.png" /></td>
    </tr>
    <tr>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview4.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview5.png" /></td>
        <td><img src="https://hooray.gitee.io/one-step-admin/preview6.png" /></td>
    </tr>
</table>