浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【VSCode】Visual Studio Codeでマークダウンファイルをプレビューする

今回は、Visual Studio Code でマークダウンファイルをプレビューする方法についてです。
テキストエディタ上でマークダウンを扱ったことがなかったのですが…VSCode には標準でマークダウンファイルをプレビューする機能が付いているとのこと。
少し前に乗り換えたのですが、VSCode、便利ですね…!

参考にさせていただいた記事はこちらから。

VS CodeでMarkdownをプレビューするには?:Visual Studio Code TIPS – @IT
https://atmarkit.itmedia.co.jp/ait/articles/1804/20/news030.html

 

マークダウンファイルをプレビューするには、コマンドパレットを使用します。
VSCode のメニューの「表示」から、「コマンドパレット」をクリックします。

または、Ctrl + Shift + P でも、コマンドパレットを開くことができます。

コマンドパレット開くと、下記のような入力欄が表示されます。

こちらに Markdown と入力すると、いくつかの選択肢が表示されるので、今回は「Markdown: プレビューを横に表示」を選択し、プレビュー画面をマークダウンファイルの横に開きました。
上記のスクリーンショットでは、最近使用したもの、という履歴に残っているやつです。
このレイアウトだと、マークダウンファイルを編集しながらプレビューを確認できます。

なお、マークダウンの書き方については、こちらの記事が参考になりました。

Qiita マークダウン記法 一覧表・チートシート – Qiita
https://qiita.com/kamorits/items/6f342da395ad57468ae3

 

以上、Visual studio Code でマークダウンファイルをプレビューする方法についてでした。
ご参考になれば幸いです。

  • この記事いいね! (0)