こんにちは。あいおんです。
VitePressのBoilerPlateを作ったので公開します。
つくったもの
- リポジトリ
- デモサイト（GithubPages）
- VitePress公式
作ろうと思ったきっかけ
某偉大な先輩が社内向けのハンズオンを作るときにVuePressを使われていました。
(そのあとVitePressに移行されていたようですが、めっちゃ前ですね…）
https://qiita.com/ozaki25/items/184e61d2aeaaa1396e26
というわけで、私もそれを継承してハンズオンを作るときにはこれにしようと思ってました。
ただ、VuePressと違ってVitePressではひな形がどうにも作られないようで・・・
(私はyarn派なので、公式ではInitの記載がなかったんですよね)
なので、VitePressで作り始めるひな形を作りました。（Yarnで）
※と思ったんですが、よくよく考えると、別にnpxでinitした後にYarnでやればいいだけだったなと思い始めました。
強み（ユースケース）
- みんな大好きマークダウンでガイドが作れる！
- Viteなのでめっちゃ早い
- (比較的)直感的(学習コストが高くない)
VuePressとの比較
- Viteなのでめっちゃ早い(二回目)
- VuePressと比べてPluginが少ない？（Zoomとか使えないのかな・・・）
- HMRが最高に快適
- VuePressだと、サイドバーとかの修正はホットリロードでは反映できなかった
- VitePressは、HMRなのでどこの更新でも反映される
感想
yarnでもInitできるみたいでした。。。（作り切ってからReferenceに書いてありました・・・）
https://vitepress.dev/reference/cli#vitepress-init
結局こういうのってBoilerPlate作るのが一番勉強になるんですよね。
（次回から別にBoilerPlateなくてもすぐ作れるまで習熟しちゃうこともありますね）
ちなみに、ロゴはChatGPTくんに書いてもらいました。