読者です 読者をやめる 読者になる 読者になる

vscodeでMarkdownプレビュー

vscode Mac

visual studio code (vscode) では、簡単に下図のようにMarkdownのプレビューができます。

f:id:naught00:20170106222431p:plain

コマンド

Macの場合

command + shift + V

補足

上記コマンドでプレビューを表示することができます。
ですが、リアルタイムプレビューが可能なのは拡張子が.mdの場合である点に注意が必要なようです。

拡張子が.mdではない場合

# hoge

と入力した後にMarkdownプレビューを開始した結果 f:id:naught00:20170106222907p:plain

追加で

## fuga

と入力していますが、プレビューには反映されていません。 f:id:naught00:20170106223057p:plain

拡張子が.mdの場合

# hoge

と入力した後にMarkdownプレビューを開始した結果 f:id:naught00:20170106223348p:plain

追加で

## fuga

と入力しています。 拡張子が.mdの場合、プレビューがリアルタイムで更新されていることがわかります。 f:id:naught00:20170106223411p:plain