直接看官网
https://vue-styleguidist.github.io/
用了cli 直接vue add xxxx
不是的话 就老老实实npm安装
配置项含义
module.exports = {
// set your styleguidist configuration here
title: 'Default Style Guide',
components: 'src/components/**/[A-Z]*.vue',
defaultExample: false, // 是否使用默认样例
usageMode: 'expand', // 是否展开用法
// exampleMode: 'expand', // 是否展开示例代码
styleguideDir: 'styleguide', // 打包的目录
codeSplit: true, // 打包时是否进行分片
skipComponentsWithoutExample: false, // 是否跳过没有样例的组件
webpackConfig: // 需要告诉styleguidelist 你的 webpack 的配置文件
};