recipe for a design system setup using pug-doc, discodip and vuepress
npm install pug-doc discodip vuepress gulp --save-dev
This folder contains some boilerplate files
- Discodip.vue, a Vue component for displaying the components
- Vuepress config.js
- a public folder; this is where all static assets go
- discodip output folder
- style override files for custom theming
- default pages for components and templates
gulpfile.js can be used as a reference.
- run
npx vuepress dev docs
in one terminal window - run
npx gulp
in another
- https://www.npmjs.com/package/pug-doc
- https://www.npmjs.com/package/discodip
- https://vuepress.vuejs.org/config/#basic-config
- https://vuepress.vuejs.org/default-theme-config/
- https://vuepress.vuejs.org/default-theme-config/#simple-color-variables-override
- https://vuepress.vuejs.org/default-theme-config/#simple-css-override