vue環境で使い始めてみました。思ったより手間取ってしまったので、設定ファイルや、私の環境で発生したエラーの対応等を残しておきます。Styleguidistのロゴ。※Laravel環境じゃなくても多分参考になると思います。Styleguidistとはとりあえず動作サンプル見た方がわかりやすいのでいきなりですがリンクを。https://vue-styleguidist.github.io/basicこういうコンポーネントの仕様と、サンプルのドキュメントを生成してくれるツールです。GitHubのStar数はこの記事を書いてる時点で1419なので、デフェクトになってる感はまだ無いですが、競合のvueseよりはstar数多いのでこちらを採用しました。はまらないですんなりいくパターン。CLIは使ってない公式手順だとnpmですが、私の環境ではyarnを使っているのでyarnの手順を紹介します。公式手順だとリンクが2つ貼ってあります。https://vue-styleguidist.github.io/docs/Components.html#finding-componentshttps://vue-styleguidist.github.io/docs/Webpack.htmlいきなりぶん投げられてわかんないですが、プロジェクトルートにstyleguide.config.jsというファイルを作成してください。}で私の環境だといけました。mixの設定を流用しても全く動かないです。(あれはmixで動的にconfigを生成したりしてるので)また、vue-loaderの設定もちゃんと書いてあげないと動かないです。デフォルトで呼んでくれたりはしないようです。あと、vueのファイルはLaravelだと普通resources/js以下で作成してる事が多いと思いますが、適時調整してください。package.jsonにコマンド追加これは公式そのままで大丈夫です。サーバが立ち上がってlocalhost:6060でつなげるようになります。vagrantやDocker等の仮想環境を使っている方はポートの設定をしてください。styleguideを追加しました。styleguideというディレクトリにhtmlとjsが吐き出されますので、htmlを開けばOKです。エラー色々styleguide.config.jsの設定系componentsへのpathがおかしい画面を開くとこれが表示されるパターン。guide.componentsの設定を自分の環境に合わせればOK。type.vue-loaderの設定をいれてあげればOK。latest.バージョン合わせないとダメらしい。2以上を使ってね、の指定で2.6.10をinstallしちゃってる。いうわけで、無理やり2.6.8を入れてみる。223.61s.これで2.6.8入ったと思いきや、2.6.10も入ったままなのでダメ。"^1.1.0"installしたりremoveしてもダメだったので、最終手段でyarn.lockを直接書き換える。installこれで動きました。issueはちょいちょい見かけるのだけど、ちゃんとした対応方法は不明。誰か知ってたら教えて下さい。実際のドキュメントを生成したり、パラメータの解説したりの予定。第2段https://www.moyashidaisuke.com/entry/vue-styleguild-sections※ブログからのクロス投稿です。よかったらブログも見ていってください。moyashidaisuke.qrunch.ioフリーランスのエンジニアのダイスケです。ブログからのクロス投稿がメインとなります。よかったらブログの方も見ていってください。Qrunch.netサーバー提供フィードバックを送信する。