README.zh.md

vue3-compact-template

English | 中文

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

前往以下地址查看 Demo:

• http://upupming.site/vue3-compact-template/
• http://upupming.site/vue3-compact-template/storybook/

技术栈

• 前端框架: 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 这些静态资源。

• http://localhost:5000/vue3-compact-template/
• http://localhost:5000/vue3-compact-template/storybook/

推荐搭配

• 组件库: NaiveUI, arco design, Varlet
• VueUse - 一些有用的 composition API
• @vueuse/head - 响应式修改 head

参考链接

• https://github.com/antfu/vitesse
• script setup docs