epreston/template-storybook-vue

A template for a design system based on storybook for vuejs.

Storybook + Vue Template Design System

Repo Template: vue, vite, storybook.

Quick Start

Install Node.js, start a new repository using this template, create a local clone of your new repository, and run the following console commands within your local copy:

# install dependencies
npm install

# start the minimal storybook design environment
npm run storybook

Scripts

Action	Command	Description
storybook	npm run storybook	Starts Storybook in dev mode
build	npm run build	Build the test application
lint	npm run lint	Run static code analysis
format	npm run format	Format source files

Setup

• VS Code + Vue - Official

• This uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Libraries

Library	Reference
Vuejs	https://vuejs.org
Storybook	https://storybook.js.org

Tools

Tool	Reference
Node.js	https://nodejs.org
Vite	https://vitejs.dev
Vitest	https://vitest.dev
ESLint	https://eslint.org
Prettier	https://prettier.io

References

Reference	Website
Writing Stories	https://storybook.js.org/docs/vue/writing-stories/introduction
Using Args	https://storybook.js.org/docs/vue/writing-stories/args
Can I Use	https://caniuse.com

License

This project is released under the MIT License.