Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/upupming/vue3-compact-template
⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.
https://github.com/upupming/vue3-compact-template
less pinia pnpm storybook vite vue vuerouter windicss
Last synced: 3 months ago
JSON representation
⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.
- Host: GitHub
- URL: https://github.com/upupming/vue3-compact-template
- Owner: upupming
- License: mit
- Created: 2021-11-01T19:33:50.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-08T14:53:07.000Z (almost 3 years ago)
- Last Synced: 2024-01-29T10:36:12.374Z (9 months ago)
- Topics: less, pinia, pnpm, storybook, vite, vue, vuerouter, windicss
- Language: Vue
- Homepage: https://upupming.site/vue3-compact-template
- Size: 5.61 MB
- Stars: 16
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue-3 - vue3-compact-template - ⚡️ A simple and compact vue 3 template with current cutting edge front end technologies. (Examples)
README
# vue3-compact-template
English | [中文](README.zh.md)
[](https://standardjs.com)
[](https://conventionalcommits.org)
⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.
See the live demo at:
- http://upupming.site/vue3-compact-template/
- http://upupming.site/vue3-compact-template/storybook/
## Tech stack
- Framework: [Vue 3](https://v3.vuejs.org/)
- Package manager: [pnpm](https://github.com/pnpm/pnpm)
- Build tool: [Vite 2](https://vitejs.dev/)
- State management: [Pinia](https://pinia.esm.dev/)
- Router: [Vue Router](https://next.router.vuejs.org/)
- Utility first CSS framework: [WindiCSS](https://windicss.org/)
- CSS preprocessor: [Less](https://lesscss.org/)
- UI component explorer: [Storybook](https://github.com/storybookjs/storybook/)
- Icons: [unplugin-icons](https://github.com/antfu/unplugin-icons)
- ESLint rule: [eslint-config-standard-with-typescript](https://github.com/standard/eslint-config-standard-with-typescript)
- Style linting: stylelint standard
- commit convention: husky + commitlint
## Development
```bash
# Development
pnpm run dev
# Run storybook
pnpm run storybook
```
## Build
```bash
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`.
- http://localhost:5000/vue3-compact-template/
- http://localhost:5000/vue3-compact-template/storybook/
### Recommendations
- Component library: [NaiveUI](https://www.naiveui.com/zh-CN/os-theme), [arco design](https://arco.design/), [Varlet](https://github.com/haoziqaq/varlet)
- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs
- [`@vueuse/head`](https://github.com/vueuse/head) - manipulate document head reactively
## References
- https://github.com/antfu/vitesse
- [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup)