vue3-compact-template

English | 中文

⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.

See the live demo at:

Tech stack

Framework: Vue 3
Package manager: pnpm
Build tool: Vite 2
State management: Pinia
Router: Vue Router
Utility first CSS framework: WindiCSS
CSS preprocessor: Less
UI component explorer: Storybook
Icons: unplugin-icons
ESLint rule: eslint-config-standard-with-typescript
Style linting: stylelint standard
commit convention: husky + commitlint

Development

# Development
pnpm run dev
# Run storybook
pnpm run storybook

Build

pnpm run build
pnpm run build-storybook

After built, the dist folder will contain both the app and storybook build result, you can just serve them using pnpm run serve.

Recommendations

Component library: NaiveUI, arco design, Varlet
VueUse - collection of useful composition APIs
@vueuse/head - manipulate document head reactively

References