单个文件组件中的Lint SCSS/SASS PhpStorm中的Vue.js
问题描述:
我正在使用Vue.js和单个文件组件方法。我的IDE是PhpStorm,我希望找到一种方法,以便.vue
文件中的<style></style>
中包含的SCSS得到很好的识别。单个文件组件中的Lint SCSS/SASS PhpStorm中的Vue.js
目前它看起来像我附加的图片 - 我不知道它是一个插件安装还是设置改变PhpStorm。
<template>
...
</template>
<script>
export default {
name: 'Tree',
components: {
},
}
</script>
<style lang="scss">
... My SASS/SCSS/CSS
</style>
答
我刚刚找到自己的答案:
您需要添加rel="stylesheet/scss"
所以它看起来像
<style lang="sass" rel="stylesheet/scss"></style>
OR
<style lang="scss" rel="stylesheet/scss"></style>
答
我发现你的解决方案不会有帮助。使用type="text/scss"
似乎为我解决了它,虽然如果别人有麻烦。
答
在我的情况下都没有工作。
尝试使用以下方法进行修复。
<style lang="scss" rel="stylesheet/scss" type="text/scss">
呀,'类型= “文/ SCSS”'做这项工作。这应该是正确的答案。之前的 一个'rel =“stylesheet/scss”'不起作用。 –