Help us understand the problem. What is going on with this article?

Visual Studio Codeでmarkdownを書くときに便利な組み合わせ見つけたから晒す

More than 1 year has passed since last update.

履歴

  • 2018/5/6
    • Markdown Preview Enhancedを追加

目的

個人的にVSCodeでmarkdownを記述する際に良さげな組み合わせを見つけたのでメモ。
"もっといいのあるよ" 提案歓迎。

VSCodeのmarkdown系拡張機能

以下を利用してる。

Markdown all in oneも入れてるけど、全くもって使いこなせてないので一旦外してる。

Auto-Open Markdown Preview

markdownファイル(.md)を開くと自動でプレビューしてくれる拡張機能。

Kobito.5Zb1T8.png

markdownlint

Lintしてくれるだけ、なくてもいいかも。

Markdown Preview Mermaid Support

markdown中にmermaid.jsで記述した図を挿入できる。

Kobito.AntAhP.png

mermaid.jsについてはこちらを参照。
- https://mermaidjs.github.io/
- mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり)

Paste Image

クリップボードに取り込んだ画像をpngに変換してmarkdown中に貼り付けられる機能。
デフォルトではファイルはmarkdownのファイルと同一ディレクトリに保存。

macの場合は
1. Ctrl + Shift + Command + 4 で範囲選択してスクショ取得&クリップボードに取り込み
2. Option + Command + v でmarkdownファイル中に貼り付け

Kobito.XaKMqG.png

Markdown PDF

markdownのファイルをPDFに変換。
(PDFの確認には、vscode-pdfを使って確認)

Markdown Preview Enhanced

デフォルトの動作よりも大分軽快かつ、アウトライン表示などもあって使いやすいかも。

image.png

RyoMa_0923
インフラエンジニア? 記事の内容、およびそのなかで述べられている見解は個人のものであり、所属組織とは関係ありません。また、記事内容の正しさは必ずしも保証されるものではありません。
https://note.com/ryoma_0923
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした