LoginSignup
29
24

VSCodeでmarkdownを書いたらhtmlへ自動変換する。

Last updated at Posted at 2017-01-23

markdownをhtmlに変換したい。

調べてみるとpandocとか外部アプリ?が必要だったりと色々面倒なのですが
これは拡張機能を一つ入れるだけで手軽に出来ます。

インストール拡張機能「markdown-pdf」

vscode-markdown-pdf/README.ja.md at master · yzane/vscode-markdown-pdf

本来PDFに変換するものですが
HTMLにも変換できます。

変換できる全フォーマット
(PDF、html、png、jpeg)

インストール方法

Ctrl+p もしくは F1キーから
「pdf」で検索
「Markdown PDF」をインストールします。

設定を書き込む

ファイル>基本設定>ユーザー設定

settings.json
// 自動セーブ
"markdown-pdf.convertOnSave": true,
// 出力フォーマット: pdf, html, png, jpeg
"markdown-pdf.type": "html",

を追加する。
※デフォルトではPDFが出力される。

設定が終了したらVSCodeを再起動します

※不満点
出力先を指定できない
(複数ファイルで利用した場合すべて1箇所に集まってしまう)
mdファイルはすべてhtmlに変換される。
(指定したファイルだけhtmlファイルに変換できないか?)

29
24
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
29
24