包含前端最新技术的 Vue 3 模板 vue3-compact-template 这两天花时间写了一个脚手架：upupm

这两天花时间写了一个脚手架：upupming/vue3-compact-template: ⚡️ A simple and compact vue 3 template with current cutting edge front end technologies. (github.com)。

主要的目的是搭建一个快速开始的脚手架，尽量做到简洁，不需要过度封装的东西，方便我们深入定制底层的配置。同时也参考了 antfu 大佬的 vitesse 来让模板尽量包含我们日常开发中需要的一些功能，例如支持 Iconify 和 WindiCSS。有需要的同学可以体验一下然后遇到问题可以给我提 issue。

⚡️ 一个包含了当前最新的前端技术的简单紧凑的 Vue 3 模板。

前往以下地址查看 Demo:

技术栈

前端框架: Vue 3
包管理器: pnpm
构建工具: Vite 2
状态管理: Pinia
路由: Vue Router
功能类优先 CSS 框架: WindiCSS
CSS 预编译器: Less
UI 组件浏览工具: Storybook
图标: unplugin-icons
ESLint 规则: eslint-config-standard-with-typescript
样式规范: stylelint standard
commit 规范: husky + commitlint

本地开发

# 开发
pnpm run dev
# 运行 storybook
pnpm run storybook

构建

pnpm run build
pnpm run build-storybook

构建之后，dist 文件夹中会包含项目和 Storybook 的静态资源文件。你可以使用 pnpm run serve 使用本地服务器来 serve 这些静态资源。

包含前端最新技术的 Vue 3 模板 vue3-compact-template

技术栈

本地开发

构建

推荐搭配

参考链接