vscode中的vue文件中emmet进行tab键不起作用

Question

vscode中的vue文件中emmet进行tab键不起作用？vscode中已经安装了emmet插件。

<style lang="less" scoped>

</style>
<template>

div>a

</template>
<script>

</script>

tab不起作用

Answer 1

见：https://code.visualstudio.com...

现已取消 .vue 文件与 HTML 的默认关联，需要手动配置。

"emmet.syntaxProfiles": {
  "vue-html": "html",
  "vue": "html"
}

2017年9月21日 补充：

v1.15.1 之后需要这样设置：

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

Answer 2

用JustGo的在自定义的settings.json不太行，
之后参考了github里面的issue，才可以
Emmet doesn't work in Vue <template> tag. #22585

"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
}

Answer 3

"emmet.triggerExpansionOnTab": true,
    "emmet.showAbbreviationSuggestions": true,
    "emmet.showExpandedAbbreviation": "always",
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
    }

刚试了一下这个 可以了

Answer 4

vscode自带emmet，不知道题主的“已经装了”是什么意思……到全局设置找下emmet的设置吧，我记得有一项是可以添加支持的文件类型的。