WebStorm 静态资源文件引用地址报错

WebStorm 静态资源文件引用地址报错

有时我们在webstorm中编辑html, 或者 css 文件的时候需要引用外部文件。例如:在如下目录结构的项目中,需要在style.css 文件中引用一张图片,当使用绝对路径时,路径下面会有红色的波浪线,看着很不好。(当然可以使用相对路径,就不会出现上述情况)。

WebStorm 静态资源文件引用地址报错

我们可以让编辑器识别使用绝对路径的写法,那就是将public目录设置成资源根目录。

右键点击public目录->MarK Directory as->Resource Root

WebStorm 静态资源文件引用地址报错

此时再看 style.css:

WebStorm 静态资源文件引用地址报错