# Fantastic-startkit

**Repository Path**: hooray/fantastic-startkit

## Basic Information

- **Project Name**: Fantastic-startkit
- **Description**: 一款简单好用的 Vue3 项目启动套件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://hooray.github.io/fantastic-startkit
- **GVP Project**: No

## Statistics

- **Stars**: 327
- **Forks**: 98
- **Created**: 2021-05-11
- **Last Updated**: 2025-11-28

## Categories & Tags

**Categories**: vue-extensions

**Tags**: Vue, vite, vue-router, Pinia, unocss

## README

<h1 align="center">Fantastic-startkit</h1>

<p align="center">一款<b>简单好用</b>的 Vue3 项目启动套件</p>

<p align="center">
  <a href="https://hurui.me/fantastic-startkit/" target="_blank">官网</a>
<p>

<p align="center">
  <a href="###"><img src="https://img.shields.io/github/license/hooray/fantastic-startkit?label=%E5%BC%80%E6%BA%90%E5%8D%8F%E8%AE%AE&style=flat-square" /></a>
</p>

## 特点

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

## 支持

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

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

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

## 生态

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

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

<table>
  <tr>
    <th colspan="4" align="center">
      <a href="https://fantastic-mobile.hurui.me" target="_blank">Fantastic-mobile</a>
    </th>
  </tr>
  <tr>
    <th colspan="4" align="center">
      一款自成一派的移动端 H5 框架
    </th>
  </tr>
  <tr>
    <td><img src="https://fantastic-mobile.hurui.me/preview1.png" /></td>
    <td><img src="https://fantastic-mobile.hurui.me/preview2.png" /></td>
    <td><img src="https://fantastic-mobile.hurui.me/preview3.png" /></td>
    <td><img src="https://fantastic-mobile.hurui.me/preview4.png" /></td>
  </tr>
</table>