PhpStorm中单个文件组件Vue.js中的Lint SCSS/SASS

PhpStorm中单个文件组件Vue.js中的Lint SCSS/SASS,sass,phpstorm,lint,vue.js,Sass,Phpstorm,Lint,Vue.js,我使用Vue.js和单文件组件方法。我的IDE是PhpStorm,我想找到一种方法,以便能够很好地识别.vue文件中中包含的SCS 目前它看起来像我附加的图片——我不知道它是要安装的插件还是PhpStorm中要更改的设置 <template> ... </template> <script> export default { name: 'Tree', components: { },

我使用Vue.js和单文件组件方法。我的IDE是PhpStorm,我想找到一种方法,以便能够很好地识别
.vue
文件中
中包含的SCS

目前它看起来像我附加的图片——我不知道它是要安装的插件还是PhpStorm中要更改的设置

<template>
    ...
</template>

<script>

    export default {
        name: 'Tree',
        components: {

        },

    }
</script>
<style lang="scss">
   ... My SASS / SCSS / CSS
</style>

...
导出默认值{
名称:'树',
组成部分:{
},
}
... 我的SASS/SCSS/CSS

我自己刚刚找到了答案:

您需要添加
rel=“stylesheet/scss”
,使其看起来像

<style lang="sass" rel="stylesheet/scss"></style>



我发现您的解决方案没有帮助。使用
type=“text/scss”
似乎可以为我解决问题,但如果其他人有问题。

在我的情况下,这两种方法都不起作用

尝试使用以下方法进行修复

是的,
type=“text/scss”
完成了这项工作。这应该是正确的答案。前一个
rel=“stylesheet/scss”
不起作用。
 <style lang="scss" rel="stylesheet/scss"></style>