本日は VSCode の小ネタ枠です。
VSCodeでMarkdownテキストを編集中にプレビューを表示する方法を記事にします。

Markdownテキストのプレビュー
.md形式のファイルを VSCode で開き、Markdown 形式でテキストを記述します。

右上の[Open Preview...]ボタンをクリックします。

これで同一ページのサイドバイサイドで、プレビューを確認しながら編集を行うことができます。

Markdownテキストのソースの表示
逆に Markdown のプレビューから、テキスト形式でファイルを開く場合についてです。
Markdown のプレビューの右上には[Show Source]ボタンが表示されるので、これをクリックします。

実行するとタブが追加され、ソースのテキストを確認できます。

プレビュー表示のショートカット
これらの Markdown のプレビューは以下のショートカットキーでも開くことができます。
| ショートカットキー | 説明 |
|---|---|
| [Ctrl]+[K]→[V] | 同一ページ内にプレビューを表示する |
| [Ctrl]+[Shift]+[V] | 別タブにプレビューを表示する |