VSCodeでMarkdownをプレビュー表示する方法（自分用メモ）

はじめに

VS CodeでMarkdown（.md）ファイルをプレビュー表示する方法を、自分の備忘録としてまとめました。
Markdownを頻繁に使うのですが、ショートカットをよく忘れてしまうのでメモ代わりの記事です。

サイドバーとしてプレビューを表示

Markdownをエディターの横に並べて表示する方法です。
編集内容をリアルタイムで確認できるので便利です。

方法① コマンドパレットから開く

1. .mdファイルを開く
2. コマンドパレットを開く
3. Markdown: Open Preview to the Side を選択

方法② ショートカットキーで開く

1. .mdファイルを開く
2. Ctrl + K → V を押す

このショートカットを覚えておくと、すぐにサイドプレビューを開けます。

別タブとしてプレビューを表示

Markdownを別タブに独立して表示する方法です。
プレビューを大きく確認したい場合に向いています。

方法① エクスプローラーから開く

1. エクスプローラーで .md ファイルを右クリック
2. [Open Preview] を選択

方法② ショートカットキーで開く

1. .mdファイルを開く
2. Ctrl + Shift + V を押す

方法③ コマンドパレットから開く

1. .mdファイルを開く
2. コマンドパレットを開く
3. Markdown: Open Preview を選択

参考：コマンドパレットの開き方

Markdownプレビュー以外でも頻繁に使うため、以下の記事を参照してください。

動作環境

Version: 1.105.1 (user setup)
Commit: 7d842fb85a0275a4a8e4d7e040d2625abbf7f084
Date: 2025-10-14T22:33:36.618Z
Electron: 37.6.0
Chromium: 138.0.7204.251
Node.js: 22.19.0
V8: 13.8.258.32-electron.0
OS: Windows_NT x64 10.0.26100