HookConsumerWidgetのLiveテンプレートを追加する方法(VSCode編)

「Cmd + Shift + P」から
「Preferences: Configure User Snippets」>「dart.json (Dart)」を呼び出す

初期は以下の感じ

snippet generatorにてスニペットを作成

登録したスニペット
→ 「$1」にはクラス名が入る

class $1 extends HookConsumerWidget {
  const $1({super.key}); 

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Container();
  }
}

snippet generatorが作成したスニペット

"": {
  "prefix": "",
  "body": [
    "class $1 extends HookConsumerWidget {",
    "  const $1({super.key}); ",
    "",
    "  @override",
    "  Widget build(BuildContext context, WidgetRef ref) {",
    "    return Container();",
    "  }",
    "}",
    ""
  ],
  "description": ""
}

VSCodeのdat.jsonに貼り付けてファイルを保存
→ 「prefix」には酔い出す時のキーワードを付ける

	"HookConsumerWidget": {
		"prefix": "hc",
		"body": [
			"class $1 extends HookConsumerWidget {",
			"  const $1({super.key}); ",
			"",
			"  @override",
			"  Widget build(BuildContext context, WidgetRef ref) {",
			"    return Container();",
			"  }",
			"}",
			""
		],
		"description": ""
	}

コード上にて「hc」と入力するとHookConsumerWidgetが呼び出される

参考


この記事が気に入ったらサポートをしてみませんか?