1
2

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.

Visual Studio Codeの拡張機能「Markdown PDF」を使ってみよう

Posted at

MarkdownファイルをPDF化したい

「Markdown形式で記載したファイルをそのままPDFにしたい」そんな需要に答えるのがこの「Markdown PDF」です。MarkdownファイルをVScodeで開いてクリックひとつでPDF化することができます。そんなMarkdown PDFの導入方法と簡単な使用方法をまとめます。

前提条件

今回はコードエディターであるVisual Studio Code(以降VScode)が導入されていることを前提としてお話を進めます。導入がまだの方は下記を参考に導入をお願いいたします!(少し古い記事なので方法が変わってたらごめんなさい!)

Macの方 ↓

Windowsの方 ↓

Markdown PDFの導入

VScodeを開いて下記画像の赤矢印部分をクリックして拡張機能のメニューを開きます。

Visual_Studio_Code-1024x768.png

検索ウインドウ「Markdown PDF」と入力すると検索結果に表示されるので「インストール」をクリックします。これで導入は完了です。

Visual_Studio_Code-1-1024x768.png

使ってみよう

デスクトップ画面に「test.md」というファイルを作成し下記の内容を記載しましょう。

# テスト

これはMarkdown PDFのテストです。

「test.md」をVScodeで開きましょう。

test_md-1024x590.png

VScode上で右クリックし、「Markdown PDF: Export (PDF)」をクリックしましょう。

スクリーンショット_2020-12-05_14_21_46-1024x589.png

出力中は右下に矢印のような表示が出ます。これが消えたらデスクトップを見てみましょう。PDFファイルが出力されています!これをダブルクリックで開いてみると・・

AppleVPNExtra_と_AirPortExtra_と_BatteryExtra_と_AppleClockExtra_と_AppleUser_と_Item-0_と_NotificationCenter.png

Markdownで記載した内容がPDFで表示されています。

test_pdf(1ページ)-1024x671.png

Markdown PDFはPDF以外にもHTML PNG JPEGなどにも出力可能です!とても便利なのでぜひ皆さんも使用してみてください!
今回はこれで以上となります。ありがとうございました。

1
2
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
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?