Vue中template里面的模板字符串输入标签自动补齐

一、打开 VScode 中设置 或点击左下角齿轮(设置图标)点击设置。

二、首先在输入框输入 settings.json 然后点击在settings.json编辑。

三、在你原有代码中添加下列代码。

四、保存退出后,设置Vue组件,编辑template字符串模板中内容比如输入div 按Tab键即可补齐。

详细步骤:
一、打开 VScode 中设置 或点击左下角齿轮(设置图标)点击设置。
在这里插入图片描述

二、首先在输入框输入 settings.json 然后点击在settings.json编辑。
在这里插入图片描述

三、在你原有代码中添加下列代码。

// 自动补全
    "emmet.triggerExpansionOnTab": true,
    "emmet.showAbbreviationSuggestions": true,
    "emmet.showExpandedAbbreviation": "always",
    "emmet.includeLanguages": {
        "javascript": "html"}

四、保存退出后,设置Vue组件,编辑template字符串模板中内容比如输入div 按Tab键即可补齐。
在这里插入图片描述

————————————————
版权声明:本文为CSDN博主「虎皮大叔爱吃青椒」的原创文章,遵循CC 4.0 BY-SA版权协议。

Logo

前往低代码交流专区

更多推荐