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が呼び出される
参考
この記事が気に入ったらサポートをしてみませんか?