VisualStudioCodeでMarkdownを書く際に入れておきたい便利な拡張機能5選


ドキュメント類はMarkdownで書きたい。エディタはVSCで。

何でもかんでもMarkdownで書きたいお年頃なVSC愛用エンジニアな方に向けて、入れておいて損はない(気がする)拡張機能を5つ紹介しておきます。

特にQiita用のメモ書きやらシステム要件定義やら書く機会が多いエンジニアの方なら役立つんではないでしょうかね

Markdown All in One

インストール:Markdown All in One

All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more).

この拡張機能はMarkdownを記述する際に便利なショートカットキーを提供してくれる拡張機能です。
以下にショートカットと使えるコマンドを簡単に書いておきます。

キーボードショートカット

キー コマンド
Ctrl + B 太字
Ctrl + I イタリック体
Alt + S 取り消し
Ctrl + Shift + ] ヘッディングレベル上げ
Ctrl + Shift + [ ヘッディングレベル下げ
Ctrl + M 数学記述($4^3$とか書ける)
Alt + C タスクリストのチェック・チェック解除
Ctrl + Shift + V プレビュー切り替え
Ctrl + K V プレビューを横に表示

Markdown All in Oneのコマンド

目次の作成

Markdown: Create Table of Contents

目次の更新

Markdown: Update Table of Contents

コードスパンの切り替え(`を付けたり消したりする)

Markdown: Toggle code span

HTMLへ書き出し

Markdown: Print current document to HTML

数学環境の切り替え($を付けたり消したりする)

Markdown: Toggle math environment

番号なしリストの切り替え(- + * を切り替え)

Markdown: Toggle unordered list

Markdown PDF

インストール:Markdown PDF

This extension convert Markdown file to pdf, html, png or jpeg file.

この拡張機能はMarkdownをプレビュー後の状態でPDFとして書き出してくれる拡張機能です。
PDFのほかにHTML、PNG、JPEGファイルにも対応してます。 → 日本語ドキュメント

Markdown PDFのコマンド

PDF出力

Markdown PDF: Export (pdf)

HTML出力

Markdown PDF: Export (html)

PNG出力

Markdown PDF: Export (png)

JPEG出力

Markdown PDF: Export (jpeg)

全部出力

Markdown PDF: Export (all: pdf, html, png, jpeg)

Excel to Markdown table

インストール:Excel to Markdown table

This VSCode extension converts Excel data to Markdown table format. Available through command Excel to Markdown table and keyboard shortcut Shift+Alt+V.

この拡張機能はExcel上でコピーしたセルを貼り付ける際にShift+Alt+Vで貼り付けると、Markdownのテーブル形式で貼り付けてくれます。

markdownlint

インストール:markdownlint

Markdown/CommonMark linting and style checking for Visual Studio Code

この拡張機能はMarkdownの一般的な構文チェックを行ってくれます。
色々な書き方ができるMarkdownをある程度統一させることで保守性が高いMarkdownドキュメントが作成できることでしょう。
(※結構きつめのチェックが受けれます)

Copy Markdown as HTML

インストール:Copy Markdown as HTML

This extension will copy the currently selected markdown text to the clipboard as HTML.

この拡張機能は選択されたMarkdownテキストをHTML化した状態で(クリップボードに)コピーします。

Copy Markdown as HTMLのコマンド

Markdown: Copy as HTML

おわり

  • ほかにおすすめな拡張機能あれば教えてくださいな