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

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

<style lang="less" scoped>

</style>
<template>

div>a

</template>
<script>

</script>

tab不起作用

回答:

见: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"
}

回答:

用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"
}

回答:

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

刚试了一下这个 可以了

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注