HookConsumerWidgetのLiveテンプレートを追加する方法(VSCode編)
「Cmd + Shift + P」から
「Preferences: Configure User Snippets」>「dart.json (Dart)」を呼び出す
![](https://assets.st-note.com/img/1682577547333-8JNczOGrf7.png?width=1200)
![](https://assets.st-note.com/img/1682577551335-r1TSB7LuRW.png?width=1200)
初期は以下の感じ
![](https://assets.st-note.com/img/1682577596006-KiQ2Z03hqT.png?width=1200)
snippet generatorにてスニペットを作成
![](https://assets.st-note.com/img/1682577715020-pnmdfXEXU3.png?width=1200)
登録したスニペット
→ 「$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": ""
}
![](https://assets.st-note.com/img/1682577986317-MmoVNXEc0B.png?width=1200)
コード上にて「hc」と入力するとHookConsumerWidgetが呼び出される
![](https://assets.st-note.com/img/1682578115106-IxMQz7IFC5.png?width=1200)
![](https://assets.st-note.com/img/1682578167071-k55OMMAtjk.png?width=1200)
参考
この記事が気に入ったらサポートをしてみませんか?