小ネタです。最近 Visual Studio Codeを使っていますが、その設定関連です。
やること
Visual Studio Codeでjsonの編集中にIntelliSenseを効かせる。
たとえば、package.json
とかの場合、すでにIntelliSenseが有効なので、適当なところでctrl+space
を押すと、その文脈にそって入力可能な候補を表示してくれます。
しかし、すべてのjsonファイルで候補を表示してくれるかというとそうでもなく、tsd.json
のように何も教えてくれない場合もあります。このようなファイルも候補を表示してくれるようにしたいです!
そもそもなぜ候補が出るか
JSON Schemaを利用しているようです。ので、編集したいjsonファイルのschemaをVisual Studio Codeに教えてあげる必要があります。
設定方法
tsd.json
を例にします。
メニューのFile
-> Preferences
から、User Settings
かWorkspace Settings
を選びます。プロジェクト内で他の人と共通で利用するならWorkspace Settings
がよさそうです。
そうすると、Visual Studio Code が左右分割されて表示されますが、左側はデフォルトの設定なので、編集できません。右側を修正します。
これはsettings.json
というファイルなのですが、これは候補が表示されてくれます。
ので、json
くらいまで打つとjson.schemas
という候補が出るかと思いますので、それで確定します。
すると、デフォルトの設定がまるっと入力されるので、一番下にでも追加します。
{
"fileMatch": [
"/tsd.json"
],
"url": "http://json.schemastore.org/tsd"
}
このurlはJSON Schemaの場所を指定するのですが、ここではJSON Schema Storeというサイトを使わせていただきました。いろんなjsonファイルがありそうなので、たいていはここで足りそうです。(デフォルトの設定もだいたいはここを見ていますね)
というわけで、IntelliSense使えるようになりました。ありがとうございます。