VS Codeのスニペットで記事執筆を楽にする

この記事はVisual Studio Code Advent Calendar 2020の23日目の記事です

Gatsbyなどの静的サイトジェネレータでブログ記事などを書く場合、Markdownのメタデータ(frontmatter)を最初に書くと思う

ほぼ定形なので記事を書くたびに他の記事からコピーして…というのが面倒

ということで、VS Codeのスニペット機能で楽をする

前提

前提として自分は次のような形式のメタデータを用意している

---
title: "VS Codeのスニペットで記事執筆を楽にする"
date: "2020-11-11"
description: "frontmatterのスニペット"
tags:
  - VS Code
---

スニペットの設定

可変な部分(title,description,tags)はプレースホルダで入力できるように設定する

日付はその現在日時をとりあえず入れるようにしている

{
    "frontmatter": {
        "prefix": "mdmeta",
        "body": [
            "---",
            "title: \"${1:title}\"",
            "date: \"${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}\"",
            "description: \"${2:desc}\"",
            "tags:",
            "  - ${3:tag}",
            "---"
        ]
    }
}