【VScode】php + Tabキーで<?php ?>タグを展開する設定

本記事では、VSCodeでphp + Tabキーで<?php ?>タグを展開する設定方法について画像付きで分かりやすく解説しています。

このショートカットを設定することで、わざわざphpタグを入力する手間が省けるので開発スピードが上がります。まだ設定していない方はぜひ試してみてください。

ITエンジニア特化の転職サイト！
自社内開発求人に強い【クラウドリンク】

先輩くん

年収、休日数、労働環境等クラウドリンクが審査し、これらを通過した優良求人情報のみ紹介しているよ！

後輩ちゃん

100％自社内開発の求人だから、SESのように職場環境が変わらないのがいいね！

PHPの学習におすすめ参考書
気づけばプロ並みPHP 改訂版–ゼロから作れる人になる!

VScodeの設定手順

まず始めにVScodeを開き画面左下の歯車マークから「ユーザースニペット」を選択します。

検索フォームが表示されるので、htmlと入力し候補で表示される「html.json」ファイルを開きます。

html.jsonファイル選択画面

コメントアウトされたファイルが開かれます。コメントアウトされたテキストは削除せず{}内に下記のコードを貼り付けます。

"php": {
  "prefix": "php",
  "body": ["<?php $1 ?>"],
  "description": "php tag"
}

VSCodeを再起動し、phpファイル内でphp入力後にTabキーを押すと<?php ?>タグが自動で展開されます。

以上で設定が完了です。