みなさんこんにちは。雨が鬱陶しい日々が続きますがいかがお過ごしでしょうか。
自分は最近phpをすることが多いため、phpタグの入力をよくおこなうのですがvisual studio codeの補完機能に対応していないため(実は対応してたら🙇)
手入力に苛立ちを覚える今日この頃です。
そこでどうにか補完できるようにしたいと思い調べたら解決できたのでそのことについて書きたいと思います。
その方法とはVSCodeにコードスニペットを登録して独自の補完機能を作っちゃおうってことです。
コードスニペットとは何かというと何かの文字をキーにコード一式を登録しておいて、簡単に使い回しできる機能のことらしいです。(出典Qiita)
で、登録の仕方なのですが、command+shift+pで「snippets」と検索し、ファイル検索欄が表示されるので今回はhtml.jsonと検索し開いてください。
開いたhtml.jsonに登録していきます(画像は記述済みの画像ですので初めて開く方はコメントアウトのみかと思います。)
今回はキーがphpのコードを説明します。
①まずキーはどのタグのことかわかりやすくしている為のものなので自分が分かれば何でもいいです。
②prefixは値に入力されている文字列を入力すると展開されます。(自分の場合はphpと入力すると展開)
③bodyは展開されるスぺニットコードを書きます。(自分の場合はphp+Tabキーを入力すると<?php ?>が出力されます)
画像にある$1は展開後のカーソルの位置を示します。
④descriptionは任意なので割愛
これでhtmlファイルで独自の補完機能が使えます。
展開するときはprefix+Tabキーなのでお忘れなく。
参考にしたqiitaの記事も貼っておきます。https://qiita.com/super-mana-chan/items/170e5ff10e5d3494f5e9