Astroの画像がVscodeで補完されないとき

はじめに

Astroで構築されたプロジェクトで、エディタ上だとpublicにおいてあるファイルを参照する際にパスの補完が効かなかったのでその解消方法を記載していきます。

vscode拡張機能

Path Autocomplete
こちらをインストールします。

settings.json

"path-autocomplete.pathMappings": {
    "/": "${folder}/public"
  }

ここにエイリアスとして登録していきます。

extensions.json

{
  "recommendations": [
    "ionutvmi.path-autocomplete"
  ],
}

ここに記載すると運用途中でも他の人にインストールを促してくれるので親切ですね。

おわりに

/src/assets/に入れてビルドすればいいんですけど、どうしてもPublicに置く必要があったとき用のめもです。
Path Intellisenseでもいけるみたいなのでお好みでどうぞ。