vscode设置在模板字符串中自动补全代码

在学习vue中的template时,html代码具有自动闭合标签的功能,经过查阅各种资料,如下设置。

1.打开vscode编辑器>文件>首选项>设置
2.搜索栏搜索settings.json,选择在settings.json中编辑
vscode设置在模板字符串中自动补全代码_第1张图片
3.在文件配置处加入以下代码

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

示例:
vscode设置在模板字符串中自动补全代码_第2张图片
设置完保存退出即可

你可能感兴趣的:(前端工具vscode高效使用,vue.js)