Vue--template标签--自动补齐

最新推荐文章于 2024-05-08 09:36:30 发布

芒果乐园

最新推荐文章于 2024-05-08 09:36:30 发布

阅读量5.8k

点赞数 13

分类专栏： Vue 前端 template 文章标签： vue.js

原文链接：https://blog.youkuaiyun.com/zhonglinghu/article/details/114341854

版权

前端同时被 3 个专栏收录

6 篇文章

订阅专栏

Vue

5 篇文章

订阅专栏

template

2 篇文章

订阅专栏

本文介绍了如何在VScode中设置Vue组件的template模板字符串自动补全功能。通过编辑settings.json文件，添加特定的配置项，如`emmet.triggerExpansionOnTab`等，保存后，在Vue的template中输入div等标签并按Tab键即可实现自动补全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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键即可补齐。
在这里插入图片描述

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