くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

トップ > VSCode > JSON Schemaで設定ファイルの項目を補完できるようにする

JSON Schemaで設定ファイルの項目を補完できるようにする

VSCode JSON JSON Schema

VSCodeでjsonなどの設定ファイルを編集しているときに、
フィールドで補完が効くものと効かないのがある。

なんで、違うんだろ？とおもっていろいろ調べたときの備忘録(*´ω｀*)

JSON Schema

JSON Schema | The home of JSON Schemaという
JSONの項目や構造を定義できる言語があるもよう。

JSON Schemaの書き方で定義したスキーマファイルが用意されて、
pacjage.jsonなど対象とするファイルに適用されていれば、
項目の補完やバリデーションをかけてくれるようになる。

公開されているSchemaは以下から探せる。

VSCodeでJSON Schemaを適用する拡張機能

JSON Schema Storeにあるスキーマを適用するために拡張機能が必要。

VSCodeのUserSettingsで設定する

独自のスキーマや公開されてないものの場合、
settings.jsonに追加することで適用できる。

{
  "json.schemas": [
    {
      "fileMatch": ["/.babelrc"],
      "url": "https://json.schemastore.org/babelrc"
    }
  ]
}

JSONからJSON Schemaを作る

JSONファイルからスキーマを作ってくれるCLIなどのツールもある

JSON Schema自体の仕様はこちら

以上!! これでだいぶ楽になる。。(*´ω｀*)

参考にしたサイト様