vue使用CSS插件scss时代码报红问题
问题描述
刚开始下载别人的代码,安装依赖运行起来后,样式引用没有问题,发现样式代码报红
如下图这样显示:

虽然说运行没问题,但是这样的爆红还是影响阅读体验嘞,所以这个问题还是需要解决一下
在网上看了很多方法发现是需要修改一下设置文件。
解决方案
1.打开设置
点开右上角文件->首选项->设置

2.进入setting.json文件修改
打开设置以后如下图所示
我们只需要点击右上角的这个小图标就可以进入setting.json文件

3.修改setting.json文件
把文件中的"files.associations"中的"*.vue"的值改成"vue"保存即可

解决结果
如图所示,可以看到样式代码不会爆红了,问题解决。

总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
使用Vue + Tippy.js打造高定制浮层提示组件(Tooltip/Popover)
这篇文章主要介绍了使用Vue + Tippy.js打造高定制浮层提示组件(Tooltip/Popover)的相关资料,支持延迟显示、手动控制、响应式内容及图片图标等功能,适用于Tooltip、Popover、关键词推荐等场景,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-07-07
vue element修改el-select控件长度style=“width:XXpx“不生效的解决
这篇文章主要介绍了vue element修改el-select控件长度style=“width:XXpx“不生效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-07-07
Vue组件通信$attrs、$listeners实现原理解析
这篇文章主要介绍了Vue组件通信$attrs、$listeners实现原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09


最新评论