vscode1.17中的vue文件中emmet进行tab键不起作用

责编:menVScode 2017-11-04 21:44 阅读(1425)

更新了vscode最新版本后发现在 .vue 文件中的 template 文件中,输入 html 标签后按 tab 时无法补全标签。

在网上找到 emmet 默认配置问题,了解到 vscode 新版本 emmet 并不默认支持 vue 文件,需要手动设置:打开文件 -> 首选项 -> 设置,

QQ截图20171104211804

按 Ctr+F 搜索 emmet.syntaxProfiles,在其右侧输入:

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

QQ截图20171104214041

这种设置方法依然无效。


第二种设置关于emmet的配置选项

{
    //后期重新设置下方配置失效
    "emmet.triggerExpansionOnTab": true,
    "emmet.useNewEmmet": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "plaintext": "jade"
    }

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

设置后,按tab键补全功能生效。

标签: vscode vue emmet tab
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码