Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
51
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

Organization

[VSCode拡張] "php"+" tabキー"でphpタグ<?php ?>を展開できるようにする

WordPressを使うことになりそうなので、
VSCodeで<?php ?>を展開するショートカット的な拡張はないのかと漁ってましたら
こんな素敵な記事を見つけて、しかも簡単で、嬉しかったのでメモ程度にまとめます。

「php」 + tabキーでphpタグを展開するスニペットを作成する - IPSJK

コードスニペットとは

何かの文字をキーにコード一式を登録しておいて、簡単に使い回しできる機能のこと
VSCodeにコードスニペットを登録して効率的にコーディング! | HPcode

登録の仕方

command+shift+pで「snippets」と検索
② ファイルを選択するよう切り替わるので、今回はhtml.json(※phpじゃないよ!!!)を選択
html.jsonに以下のコードを追加する。

html.json

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

prefix 
 スニペットを展開する際に入力する文字列を設定する
body
 実際に展開されるスニペットコード。配列形式で複数設定可。
 「\$1」の部分はコード展開後の最初のカーソルの位置を示す。「\$2, \$3…」と複数設定するとTabキーで移動可能となる
description
 スニペットの概要(任意)

簡単〜!!!
これでコーディングが光の速さになりますね!

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
51
Help us understand the problem. What are the problem?