vue3引入的图片无法跳转

Question

vscode编辑器，css中 background: url(@/assets/image/avatar.jpg) no-repeat center; 使用Ctrl + 鼠标左键点击引入的url跳转到对应的图片，这个怎么实现，需要什么配置或者什么插件吗

现在都提示这个报错

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

这个功能可以通过配置vscode中的设置来实现，无需额外安装插件。具体步骤如下：

1. 打开vscode的设置页面，可以通过菜单栏中的 "文件" -> "首选项" -> "设置" 进入。
2. 在搜索框中输入 "editor."，找到 "Editor: Lightweight Suggestions" 这一项。
3. 将 "Editor: Lightweight Suggestions" 的值改为 "false"，即可启用普通补全项（在此设置中，轻量级想法是默认的）。
4. 关闭设置页面，然后将鼠标移到 background 属性的 url( ) 中，按住 Ctrl 键并单击链接，即可跳转到对应的图片。 示例代码如下：

/* 示例代码 */
background: url(/assets/image/example.jpg) no-repeat center;

报错的原因可能与路径有关，需要检查路径是否正确。