VSCodeでプロジェクト用にスニペットを作ってみる #VSCode

知らなかった。vscodeのアップデートで使えるようになってたのね。結構前に。
Project level snippets

人が作ったsassとかそれぞれのmixinを作ってる場合があるから、いちいち打ち込むの面倒。

作り方

プロジェクトディレクトリ内の.vscodeディレクトリの中に、*.code-snippetsファイルを作る。
今回の場合は、scssファイルのスニペットのためscss.code-snippetsを作成。

.vscode/
  scss.code-snippets

scss.code-snippets

{
  "media query": {
    "prefix": "q",
    "body": [
      "@include query($$break) {",
      " $0",
      "}"
    ],
    "description": "sass snippet for media query"
  }
}

これでscssファイルでqと打つと候補が表示されるようになる。