單個文件組件中的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

回答

相關問題