Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Preview FirstNew to Visual Studio Code? Get it now.
Markdown Preview First

Markdown Preview First

kyoriki

|
2 installs
| (0) | Free
Markdownファイルを常にプレビューで開き、ワンクリックでソース表示に切り替えます。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Preview First

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

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

特長

  • .md ファイルを開くと標準Markdownプレビューを表示
  • ソースとプレビューの重複タブを作成しない
  • 右上のアイコンからMarkdownソースへすぐ切り替え可能
  • 外部サービスへの通信やデータ収集なし

使い方

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

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

ソースを表示する

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

VSIX の作成とインストール

npm install
npm run package

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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft