README.md · karlcarlo/Fantastic-startkit

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

<p align="center">一款<b>开箱即用</b>的 Vue 项目启动套件，基于 Vue(3.x) & Vite(2.x)</p>

## 特点

- 默认集成 vue-router 和 pinia
- 支持基于文件系统的路由
- 全局 SCSS 资源引入
- 全局组件自动注册
- 支持 SVG 图标，CSS 精灵图自动合成
- 支持 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.netlify.app" target="_blank">Fantastic-admin</a>
        </th>
    </tr>
    <tr>
        <th colspan="3" align="center">
            一款开箱即用的 Vue 中后台管理系统框架
        </th>
    </tr>
    <tr>
        <td><img src="https://fantastic-admin.netlify.app/preview1.png" /></td>
        <td><img src="https://fantastic-admin.netlify.app/preview2.png" /></td>
        <td><img src="https://fantastic-admin.netlify.app/preview3.png" /></td>
    </tr>
    <tr>
        <td><img src="https://fantastic-admin.netlify.app/preview4.png" /></td>
        <td><img src="https://fantastic-admin.netlify.app/preview5.png" /></td>
        <td><img src="https://fantastic-admin.netlify.app/preview6.png" /></td>
    </tr>
</table>

<table>
    <tr>
        <th colspan="3" align="center">
            <a href="https://one-step-admin.netlify.app" 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.netlify.app/preview1.png" /></td>
        <td><img src="https://one-step-admin.netlify.app/preview2.png" /></td>
        <td><img src="https://one-step-admin.netlify.app/preview3.png" /></td>
    </tr>
    <tr>
        <td><img src="https://one-step-admin.netlify.app/preview4.png" /></td>
        <td><img src="https://one-step-admin.netlify.app/preview5.png" /></td>
        <td><img src="https://one-step-admin.netlify.app/preview6.png" /></td>
    </tr>
</table>

karlcarlo/Fantastic-startkit

简介

发行版

贡献者

近期动态

karlcarlo/Fantastic-startkit .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

karlcarlo/Fantastic-startkit