🔍

[vscode] マークダウンをプレビューしたい

に公開

はじめに

生成AIを用いた開発においてはmdファイルをコンテキストファイルとして活用し、

プロダクトコードの近くにおいて開発を駆動することが多いかと思われます。

この時、そのマークダウン化した内容が意図した通りになっているかどうかを確認したいことも多いかと思われますので、

今回は表題の通り、vscodeでの確認方法について記事を書いてみたいと思います。

確認方法

といっても、とても簡単です。

手順1 : コマンドパレットを起動

MacならCmd+Shift+Pを押します。

WindowsならCtrl+Shift+Pで再現できるかと思われます。

手順2 : Markdown: Open Preview to the Sideを選択

手順1で検索窓が表示されるかと思われますので、

そこに「Markdown: Open Preview to the Side」をコピー&ペーストしてください。

すると候補の中に上記と同じものが表示されるかと思われます。

あとは検索でヒットした上記を選択するだけです。

スクリーンショット 2026-02-16 10.47.00.png

参考

https://qiita.com/neko_the_shadow/items/e3dd295c6eca3a890786#:~:text=方法② ショートカットキーで開く * .md ファイルを開く * Ctrl + K → V を押す

https://b1san-blog.com/post/vscode/vscode-md-first/

https://zenn.dev/kiku09020/articles/vscode-markdown-kkp

Discussion