ずっとやり方が分からなかったのですが、英語版のマニュアルにやり方が書いてありました。
サイドバーのTOCを生成するには、VSCode の Markdown Preview Enhanced の設定でスクリプトの実行を有効にする必要があります。
尚、上記の情報は現時点の日本語版のマニュアルには書いてありませんでした。
環境
- VSCode 1.80.1
- Markdown Preview Enhanced v0.6.8
スクリプトの実行を有効にする
拡張機能の設定で enableScriptExecution で検索すると設定項目が表示されるのでチェックを入れます。
尚、有効にするとセキュリティリスクがありますので、その点ご注意ください。
html の出力
あとはマークダウンのプレビュー画面で右クリックし、HTML に出力するだけでサイドバーに目次が出力されます。
尚、デフォルトではサイドバーは閉じた状態となっていました。
マークダウン内に toc: true を記述すると、サイドバーが開いた状態となりました。
以下サンプルです。
---
html:
toc: true
---
# 見出し1
## 見出し2
### 見出し3
### 見出し3
# 見出し1
## 見出し2
