'Find invalid image paths in vue project

In my Vue 3 project, all images are located in public/assets/image then in .vue files I refer to these images like assets/image/image.png.

Sometimes I might make a typo in a path or a path might not be correct anymore.

Is there any automated way to find and fix all incorrect paths in a project?

I am using "VS Code" and "IntelliJ IDEA" might be there are any plugins to handle this.



Solution 1:[1]

In VS Code there is an extension called Image preview https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview

If the path is right it shows the image at the left side of the import.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Areg Nikoghosyan