在VS Code中的.vue文件中为Sass启用IntelliSense

Question

有没有一种方法可以在.vue文件中启用S​​ass的IntelliSense，而无需将其关联，sass因为它会破坏依赖于.vue文件关联的其他扩展？

Answer 1

要获得 sass 或 scss 语法突出显示，您需要在 VS Code 中安装 Vetur (octref.vetur) 扩展。我在使用 Vetur 时遇到了 vue-language-server 无法启动的问题，这会导致语法突出显示出现很多问题。除了重新安装之外，我还没有找到解决此问题的方法。另请确保运行最新版本的 VS Code。

在 .vue 文件中，您还需要确保使用正确的属性

<style lang="sass">
    .my-class
        text-align: center
</style>

或者对于scss

<style lang="scss">
    .my-class {
        text-align: center
    }
</style>