PhpStorm中单个文件组件Vue.js中的Lint SCSS/SASS
我使用Vue.js和单文件组件方法。我的IDE是PhpStorm,我想找到一种方法,以便能够很好地识别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
文件中
中包含的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>