All Articles

VS Codeでスニペットを設定する

前提

  • VS Code バージョン: 1.75.1

スニペットとは

  • これです
          2023 03 02 10 49 16

やり方

  • Code→基本設定→ユーザー スニペットの構成
          2023 03 02 10 43 08
  • 新しいグローバルスニペットファイル→任意の名前で保存
    • jsonファイルとして保存されます。
      • dart.json
  • 保存場所

~/Library/Application Support/Code/User/snippets/dart.json

          2023 03 02 10 45 34

参考スニペット

{
	"useEffect": {
		"prefix": "us",
		"body": [
			"useEffect(() {",
			"  return null;",
			"}, []);"
		],
		"description": "useEffect"
	},
	"value": {
		"prefix": "value",
		"body": [
			"$1 _$2;",
			"$1 get $2 => _$2;",
		],
		"description": "value"
	},
	"constructor": {
		"prefix": "const",
		"body": [
			"$1({",
			"@required $2 $3,",
			"}) : _$3 = $3;",
		],
		"description": "value"
	},
	"value class": {
		"prefix": "vc",
		"body": [
			"import 'package:flutter/foundation.dart';",
			"/// $1",
			"class $2 {",
			"$2({",
			"@required String value,",
			"}) : value = value {",
			"if (value.isEmpty || value.length > 20) {",
			"throw ArgumentError();",
			" }",
			"}",
			"final String value;",
			"}",
		],
		"description": "value class"
	},
	"impl class": {
		"prefix": "impl",
		"body": [
			"import 'package:flutter/foundation.dart';",
			"class $1Impl extends $1 {",
			"$2({",
			"@required $3 $4,",
			"}) : _$4 = $4;",
			" final $3 _$4;",
			"}"
		],
		"description": "impl class"
	},
	"abstract class": {
		"prefix": "abst",
		"body": [
			"abstract class $1 {",
			"}"
		],
		"description": "abstract class"
	},
	"provider": {
		"prefix": "pro",
		"body": [
			"import 'package:hooks_riverpod/hooks_riverpod.dart';",
			"final $1Provider = Provider<$2>(",
			"(ref) => $2Impl(",
			" $3: ref.read($3Provider)",
			"),",
			");"
		],
		"description": "provider class"
	},
}

使い方

  • usと入力すると
          2023 03 02 10 49 16
  • こう入力されます
    • 適当な箇所に入力したのでエラー出てますw
          2023 03 02 10 51 37

参考

Published Mar 2, 2023

Flutterでスマホアプリ開発しています