【ちょっと便利な小技_part 8】 お気に入り自作スニペット編

今回は下記の２つの記事の内容を合わせた自分のお気に入り自作スニペットを紹介します。
コピペで使えるので是非使ってみてください。

• 【ちょっと便利な小技_part 6】VSCodeのカスタムSnippet編
• 【ちょっと便利な小技_part 7】Snippetでファイル名に合わせたクラス名を表示させよう

コピペで使えるお気に入り自作スニペット紹介

StatelessWidget+ファイル名に合わせたクラス名+import

dart.json

"Stateless tmp": {
		"prefix": "lesstmp",
		"body": [
			"import 'package:flutter/material.dart';",
			"",
			"class ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g} extends StatelessWidget {",
			"  const ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}({Key? key}) : super(key: key);",
			"",
			"  @override",
			"  Widget build(BuildContext context) {",
			"    return Scaffold(",
			"      appBar: AppBar(",
			"        title: Text(\"\"),",
			"      ),",
			"      body: Container(),",
			"    );",
			"  }",
			"}"
		],
		"description": "Stateless tmp"
	},

StatefulWidget+ファイル名に合わせたクラス名+import

dart.json

"Stateful tmp": {
		"prefix": "fultmp",
		"body": [
			"import 'package:flutter/material.dart';",
			"",
			"class ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g} extends StatefulWidget {",
			"  const ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}({Key? key}) : super(key: key);",
			"",
			"  @override",
			"  State<${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}> createState() => _${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}State();",
			"}",
			"",
			"class _${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}State extends State<${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/g}> {",
			"  @override",
			"  Widget build(BuildContext context) {",
			"    return Scaffold(",
			"      appBar: AppBar(",
			"        title: Text(\"\"),",
			"      ),",
			"      body: Container(),",
			"    );",
			"  }",
			"}"
		],
		"description": "Stateful tmp"
	},