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

Question

有没有办法在 .vue 文件中为 Sass 启用 IntelliSense 而无需将它们与 sass 关联，因为它会中断依赖 .vue< 的另一个扩展 文件关联？

Answer 1

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

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

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

或者对于 scss

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