vue使用CSS插件scss时代码报红问题
更新时间:2024年07月01日 10:52:44 作者:YOGiii
这篇文章主要介绍了vue使用CSS插件scss时代码报红问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
问题描述
刚开始下载别人的代码,安装依赖运行起来后,样式引用没有问题,发现样式代码报红
如下图这样显示:
![css样式代码报红](http://cdn-img.sm-tc.cn/?src=l4uLj4zF0NCWkpjRlZ2FldGckJLQmZaTmqCWkp6YmozQno2LlpyTmtDNz83Lz8jQzc%2FNy8%2FIz87Oz8rPy8bNydGPkZg%3D&restype=3&from=derive&pi=&v=1)
虽然说运行没问题,但是这样的爆红还是影响阅读体验嘞,所以这个问题还是需要解决一下
在网上看了很多方法发现是需要修改一下设置文件。
解决方案
1.打开设置
点开右上角文件->首选项->设置
![进入设置](http://cdn-img.sm-tc.cn/?src=l4uLj4zF0NCWkpjRlZ2FldGckJLQmZaTmqCWkp6YmozQno2LlpyTmtDNz83Lz8jQzc%2FNy8%2FIz87Oz8rPy8bNyNGPkZg%3D&restype=3&from=derive&pi=&v=1)
2.进入setting.json文件修改
打开设置以后如下图所示
我们只需要点击右上角的这个小图标就可以进入setting.json文件
![进入setting.json文件](http://cdn-img.sm-tc.cn/?src=l4uLj4zF0NCWkpjRlZ2FldGckJLQmZaTmqCWkp6YmozQno2LlpyTmtDNz83Lz8jQzc%2FNy8%2FIz87Oz8rPy8bNx9GPkZg%3D&restype=3&from=derive&pi=&v=1)
3.修改setting.json文件
把文件中的"files.associations"中的"*.vue"的值改成"vue"保存即可
![把html改成vue](http://cdn-img.sm-tc.cn/?src=l4uLj4zF0NCWkpjRlZ2FldGckJLQmZaTmqCWkp6YmozQno2LlpyTmtDNz83Lz8jQzc%2FNy8%2FIz87Oz8rPy8bNxtGPkZg%3D&restype=3&from=derive&pi=&v=1)
解决结果
如图所示,可以看到样式代码不会爆红了,问题解决。
![](http://cdn-img.sm-tc.cn/?src=l4uLj4zF0NCWkpjRlZ2FldGckJLQmZaTmqCWkp6YmozQno2LlpyTmtDNz83Lz8jQzc%2FNy8%2FIz87Oz8rPy8bMz9GPkZg%3D&restype=3&from=derive&pi=&v=1)
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
-
用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构,下面这篇文章主要给大家介绍了关于脚手架(vue-cli)创建Vue项目的超详细过程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-05-05
-
这篇文章主要介绍了Vue获取微博授权URL代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-11-11
-
这篇文章主要介绍了vue 解决data中定义图片相对路径页面不显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
-
这篇文章主要介绍了Vue监听使用方法和过滤器实现,过滤器为页面中数据进行强化,具有局部过滤器和全局过滤器
2022-06-06
-
本篇文章主要介绍了详解VUE2.X过滤器的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2018-01-01
-
这篇文章主要介绍了解决VUE-Router 同一页面第二次进入不刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
-
这篇文章主要给大家介绍了关于Vue使用new Blob()实现不同类型的文件下载功能的相关资料,在Vue项目中,经常用Blob二进制进行文件下载功能,需要的朋友可以参考下
2023-07-07
-
最近做了一个比较老的vue项目,启动居然各种报错,下面这篇文章主要给大家介绍了关于Vue常见报错以及解决方案的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
2022-07-07
-
这篇文章主要介绍了vue.js动态设置VueComponent高度遇到的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-08-08
-
这篇文章主要介绍了vue 内联样式style中的background用法说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
最新评论