在vscode内使用vue时,如何既在<template>内标签补全,又在<style>中不会因scss出现红色波浪线

Question

在vscode内配置为"files.associations": {"*.vue": "html"}后scss会报错,但配置为"files.associations": {"*.vue": "html"}又会导致template内代码无法补全

进行如下配置后没有效果

    "emmet.includeLanguages": {
        "vue": "html",
        "vue-html": "html"
    },
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "emmet.triggerExpansionOnTab": true

Answer 1

<style lang="scss">

在 style 标签添加上 lang 属性还会有这个问题吗?

Answer 2

一般不改配置文件，直接添加插件了，以下这些加上基本够用了。