10
17

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 3 years have passed since last update.

Visual Studio Code の Auto Markdown TOC プラグインという目次作成ツールが神な件

Last updated at Posted at 2020-01-29

1. Markdownの目次を自動的に書いてくれる件について

上司から「Markdownで目次作る時、これ使うと幸せになれるよ」って紹介されたやつです。幸せになれましたので、この幸せな気持ちを共有します。

1.1. Overview

Markdownでドキュメントを作成している時、目次を作成しますよね?(画像のような)

スクリーンショット 0002-01-29 10.51.23.png

この目次、自動的に記述してくれます。そして、見出しの番号も自動です。びっくり!
それが、Visual Studio Codeプラグイン「Auto Markdown TOC」です。

1.2. 前提条件

  • これまで10年近く、設計書はExcel方眼紙(神Excel)か、良くてWordでした
  • Markdown歴1ヶ月です
  • Visual Studio Code バージョン: 1.41.1
  • macOS Catalina 10.15.3

1.3. 使い方

  1. 手順としては、こちら に記載の通りに実施していただければ大丈夫です。

  2. 目次を入れたい箇所で右クリック→「Auto Markdown TOC: Insert/Update [^M T]」をクリック

スクリーンショット 0002-01-29 11.49.19.png
  1. すると、目次が作成されます!しかも!見出しに番号が付与されます!
スクリーンショット 0002-01-29 11.53.16.png
  1. 目次を作成した後に見出しを作る時も、
スクリーンショット 0002-01-29 11.55.26.png
  1. 勝手に番号が付与されます!
スクリーンショット 0002-01-29 11.55.44.png

1.4. 上手く目次ができないんだけど!?

僕が詰まったポイントを共有しますね。

  • 目次に見出し番号が付かん!

設定を変えてあげました。

  1. command + , で設定を開いて「markdown-toc」で検索してください。
  2. 「Detect And Auto Set Section」と「Ordered List」にチェックがついてる状態にしました。チェックを外すと見出し番号が出なくなりました。お好みで。
スクリーンショット 0002-01-29 12.03.58.png
  • 改行が変!

なんか改行コードが変かもしれないです。

  1. command + , で設定を開いて「eol」で検索してください。
  2. Eolの改行コードがautoとなってるので変えてください(Macは\n、Winは\r\nらしいです)。
スクリーンショット 0002-01-29 12.07.46.png

2. おわりに

これからMarkdownでのドキュメント作成に慣れていきたいと思いますので、
記事の内容に不備・改善点ありましたらめっちゃ教えてください。
読んでいただき、ありがとうございました。

10
17
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
10
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?