0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

資料作成・伝え方・まとめ方に関して話したいAdvent Calendar 2023

Day 4

VSCodeにMarkdown Preview Enhancedを入れるとデフォルトのプレビューボタン消えて驚いた話

Last updated at Posted at 2023-12-05

はじめに

拡張機能ちゃんと使いこなせよ!って話なんですが、軽い気持ちで入れてしまって戸惑うみたいなことあると思うので、記事にしました。

Markdown Preview Enhancedいれるとデフォルトのプレビューボタンが、全く同じアイコンでMarkdown Preview Enhancedのプレビューボタンに置き換わる

こちらが入れる前のプレビューボタン
カーソルを上に置いておくとプレビューが表示できるボタンである旨を教えてくれます。

スクリーンショット 2023-12-04 18.29.54.png

そしてこれが拡張機能を入れた後のプレビューボタン
Markdown Preview Enhancedの機能を使ってプレビューが表示されることがわかります

スクリーンショット 2023-12-04 18.22.26.png

別機能のアイコンなので当たり前といえばそうなのですが、他のアイコンの並びや機能は全く変わってないから、ちゃんとわかっていないと突然プレビュー結果が変わって驚くかなと思います。

デフォルトのプレビューボタンを取り戻すこともできる

なんで消えるのかという話なのですが、Markdown Preview Enhancedのデフォルト設定がVSCodeデフォルトのプレビューボタンを隠す設定になっているからのようです。
画像のようにチェックがついています。
VSCodeの設定で"Markdown Preview Enhanced vscode"などと検索すると、当該の設定項目が出てきます。

スクリーンショット 2023-12-05 22.24.58.png

このチェックを外してあげると(VSCodeの再起動必要かも)
大変ややこしいのですが、同じアイコンが2つ並んで表示されます。
スクリーンショット 2023-12-05 22.29.07.png

左がMarkdown Preview Enhancedのもので

スクリーンショット 2023-12-05 22.29.32.png

右がデフォルトプレビューのものになるみたいです。
デフォルトプレビューの方のアイコンはマウスホバーで見た目が変わりますね。

スクリーンショット 2023-12-05 22.29.24.png

おわりに

Markdown Preview Enhancedをちゃんと使いこなしたいです

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?