A simple and compact vue 3 template with current cutting edge front end technologies
vue3-compact-template
⚡️ 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
- 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
The vue3-compact-template folder will contain both the app and storybook build result, you can just serve them under vue3-compact-template path in your server. If you want to change the output directory structure, please change the deploy.config.js and the folder settings in the deploy script ci.yml.
Recommendations
- Component library: NaiveUI, arco design, Varlet
- VueUse – collection of useful composition APIs
@vueuse/head– manipulate document head reactively