Vue.js

Vitepress|ドキュメントサイトをサクッと作ってみました

kazuki.m
kazuki.m

ミニマルなサイトをサクッと作りたい。ときオススメです。

vitepressのインストールと初期立ち上げ

公式ドキュメント:

https://vitepress.dev/guide/getting-started

準備

・Node.jsの要求バージョンが18以上

vitepressの追加<npmの場合>

npm add -D vitepress

vitepressのセットアップ

npx vitepress init

質問に答えていく!!!

早速、開発サーバーを立ち上げてみる。

npm run docs:dev

立ち上がったサイト

docs/.vitepress/config.mtsにサイト情報やナビゲーションバー、サイドバーの設定ができます。

指定したフォルダ以下のindex.mdをベースにページが生成されます。

  • この記事を書いた人

kazuki.m

エンジニア

開発言語:Python、Typescript

最近の関心:Vue、Typescript、Rust

-Vue.js