VS Code Extensions
M

Markdown Preview First

by kyoriki

Markdownファイルを常にプレビューで開き、ワンクリックでソース表示に切り替えます。

Downloads

2

Rating

(0)

Version

0.2.3

Last updated

Aug 11, 2026

Markdown ファイルを開いたとき、VS Code 標準の Markdown プレビューを1つのタブで表示する拡張機能です。

プレビュー右上のソース表示アイコン(</>)を押すと、同じファイルをテキストとして開いて編集できます。アイコンにマウスを重ねると「.mdを表示」と表示されます。

特長

  • .md ファイルを開くと標準Markdownプレビューを表示
  • ソースとプレビューの重複タブを作成しない
  • 複数のMarkdownファイルはそれぞれ別のタブで表示
  • AIや外部ツールが表示中のファイルを更新した場合だけプレビューへ自動反映
  • 右上のアイコンからMarkdownソースへすぐ切り替え可能
  • 外部サービスへの通信やデータ収集なし

使い方

  1. このフォルダーを VS Code で開きます。
  2. F5 を押して Extension Development Host を起動します。
  3. 起動したウィンドウで .md ファイルを開きます。

Markdown は最初からプレビュー用エディターで開かれるため、ソース用とプレビュー用の2タブは並びません。

ソースを表示する

  • プレビュー右上のソース表示アイコン(</>)を押します。
  • または、プレビュー内をダブルクリックします。
  • プレビューに戻るには、タブを閉じてエクスプローラーから .md ファイルを開き直します。

VSIX の作成とインストール

npm install
npm run package

作成された .vsix は、VS Code の「拡張機能: VSIX からのインストール...」からインストールできます。

Related extensions