Prettier プラグイン

Slidev の構文は、Prettier のデフォルトの Markdown パーサーと互換性がない場合があります。これを解決するために、Slidev はスライドをフォーマットするための Prettier プラグインを提供しています。Prettier をサポートするお好みのエディタで使用できます。

1. インストール

npm

npm i -D prettier prettier-plugin-slidev

pnpm

pnpm i -D prettier prettier-plugin-slidev

yarn

yarn add -D prettier prettier-plugin-slidev

bun

bun add -D prettier prettier-plugin-slidev

deno

deno add -D npm:prettier npm:prettier-plugin-slidev

2. プラグインを有効化

prettier 設定ファイル を作成または変更して、プラグインを有効にします:

{
  "overrides": [
    {
      "files": ["slides.md", "pages/*.md"],
      "options": {
        "parser": "slidev",
        "plugins": ["prettier-plugin-slidev"]
      }
    }
  ]
}

plugins を指定するだけでは不十分です。Slidev と一般的な Markdown ファイルは同じファイル拡張子 .md を共有しているためです。