vue使用CSS插件scss时代码报红问题

 更新时间:2024年07月01日 10:52:44   作者:YOGiii  
这篇文章主要介绍了vue使用CSS插件scss时代码报红问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

问题描述

刚开始下载别人的代码,安装依赖运行起来后,样式引用没有问题,发现样式代码报红

如下图这样显示:

css样式代码报红

虽然说运行没问题,但是这样的爆红还是影响阅读体验嘞,所以这个问题还是需要解决一下

在网上看了很多方法发现是需要修改一下设置文件。

解决方案

1.打开设置

点开右上角文件->首选项->设置

进入设置

2.进入setting.json文件修改

打开设置以后如下图所示

我们只需要点击右上角的这个小图标就可以进入setting.json文件

进入setting.json文件

3.修改setting.json文件

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

把html改成vue

解决结果

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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 15个Vue技巧,你都知道吗

    15个Vue技巧,你都知道吗

    在使用 Vue 开发的这几年里,掌握一些有用的技巧,使用一些更高级的技术点,总会有用的,本文就介绍了15个Vue技巧,具有一定的参考价值,感兴趣的可以了解一下
    2022-02-02
  • 在Vue3.x中实现类似React.lazy效果的方法详解

    在Vue3.x中实现类似React.lazy效果的方法详解

    React 的 React.lazy 功能为组件懒加载提供了原生支持,允许开发者将组件渲染推迟到实际需要时再进行,虽然 Vue3.x 没有一个直接对应的 lazy 函数,但我们可以通过动态导入和 defineAsyncComponent 方法来实现类似的效果,需要的朋友可以参考下
    2024-03-03
  • Vue中使用wangeditor富文本编辑的问题

    Vue中使用wangeditor富文本编辑的问题

    这篇文章主要介绍了Vue中使用wangeditor富文本编辑的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • 使用Vue + Tippy.js打造高定制浮层提示组件(Tooltip/Popover)

    使用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“不生效的解决

    这篇文章主要介绍了vue element修改el-select控件长度style=“width:XXpx“不生效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • Vue侧滑菜单组件——DrawerLayout

    Vue侧滑菜单组件——DrawerLayout

    本文介绍一个简单的DrawerLayout(类似Android的DrawerLayout)布局组件的实现,基于Vue.js侧滑菜单组件的实现代码大家通过本文一起学习吧
    2017-12-12
  • 详解Vuejs2.0之异步跨域请求

    详解Vuejs2.0之异步跨域请求

    这篇文章主要介绍了详解Vuejs2.0之异步跨域请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • Vue组件通信$attrs、$listeners实现原理解析

    Vue组件通信$attrs、$listeners实现原理解析

    这篇文章主要介绍了Vue组件通信$attrs、$listeners实现原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • vue2与vue3下如何访问使用public下的文件

    vue2与vue3下如何访问使用public下的文件

    这篇文章主要介绍了vue2与vue3下如何访问使用public下的文件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • antd+vue实现动态验证循环属性表单的思路

    antd+vue实现动态验证循环属性表单的思路

    今天通过本文给大家分享antd+vue实现动态验证循环属性表单的思路,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-09-09

最新评论