单个文件组件中的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>

来源

2017-03-02 Léo Coco

我刚刚找到自己的答案：

您需要添加rel="stylesheet/scss"所以它看起来像

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

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

来源

2017-03-02 14:44:23

我发现你的解决方案不会有帮助。使用type="text/scss"似乎为我解决了它，虽然如果别人有麻烦。

来源

2017-05-08 16:55:57

呀，'类型= “文/ SCSS”'做这项工作。这应该是正确的答案。之前的一个'rel =“stylesheet/scss”'不起作用。 –

在我的情况下都没有工作。

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

<style lang="scss" rel="stylesheet/scss" type="text/scss">

来源

2017-08-29 11:39:35

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

回答

相关问题