vscodeで、a-blog cmsのテンプレートで使うものを補完してみる

試しにメモとして残す
記事は別で書き直す

設定場所(Mac)

vscode > 基本設定 > ユーザースニペットの構成 > html.json

jsonにこれを貼っつける

{
	// module
	"!Entry_Body": {
		"prefix": "!eb",
		"body": [
			"<!-- BEGIN_MODULE Entry_Body id=\"{$1}\" -->",
			"$2",
			"<!-- END_MODULE Entry_Body -->$0",
		]
	},
	"!Entry_Headline": {
		"prefix": "!eh",
		"body": [
			"<!-- BEGIN_MODULE Entry_Headline id=\"{$1}\" -->",
			"$2",
			"<!-- END_MODULE Entry_Headline -->$0",
		]
	},
	"!Entry_Summary": {
		"prefix": "!es",
		"body": [
			"<!-- BEGIN_MODULE Entry_Summary id=\"{$1}\" -->",
			"$2",
			"<!-- END_MODULE Entry_Summary -->$0",
		]
	},
	"!Category_Field": {
		"prefix": "!cf",
		"body": [
			"<!-- BEGIN_MODULE Category_Field id={$1} -->",
			"$2",
			"<!-- END_MODULE Category_Field -->$0",
		]
	},
	"!Module_Field": {
		"prefix": "!mf",
		"body": [
			"<!-- BEGIN_MODULE Module_Field id={$1} -->",
			"$2",
			"<!-- END_MODULE Module_Field -->$0",
		]
	},

	// field
	":loop": {
		"prefix": ":loop",
		"body": [
			"<!-- BEGIN $1:loop -->",
			"$2",
			"<!-- END $1:loop -->$0",
		]
	},
	":veil": {
		"prefix": ":veil",
		"body": [
			"<!-- BEGIN $1:veil -->",
			"$2",
			"<!-- END $1:veil -->$0",
		]
	},

	// template
	"@IF": {
		"prefix": "@if",
		"body": [
			"<!-- BEGIN_IF [$1] -->",
			"$2",
			"<!-- ELSE -->",
			"$3",
			"<!-- END_IF -->$0",
		]
	},
	"@include": {
		"prefix": "@include",
		"body": [
			"@include(\"$1\", {\"$2\": \"$3\"})$0"
		]
	},
	
	// global var
	"%HOME_URL": {
		"prefix": "%home",
		"body": [
			"%{HOME_URL}$0"
		]
	},
	"%HTTP_MEDIA_ARCHIVES_DIR": {
		"prefix": "%media",
		"body": [
			"%{HTTP_MEDIA_ARCHIVES_DIR}$0"
		]
	},
	"%CURRENT_URL": {
		"prefix": "%current",
		"body": [
			"%{CURRENT_URL}$0"
		]
	}
}

• 「!」はモジュール
• 「％」はグローバル変数
• 「@」はテンプレート

prefixを入力すると、bodyが展開される。
$が付いているものは、tabを押すと数字の順でカーソルが移動する。
$0は終了位置。

---