码迷,mamicode.com
首页 > Web开发 > 详细

VScode如何设置模板字符串html标签自动补全

时间:2021-06-28 17:48:11      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:标签   setting   过程   实现   nta   info   show   bbr   lang   

       在学习Vue的过程中,很多时候都需要用到模板字符串,但是里面的html标签一个字符一个字符的去敲未免也太麻烦了吧,其实我们可以通过设置来实现在模板字符串中按Tab键快速补全html标签。

1.在VSCode中打开设置(或者使用快捷键ctrl+)>文本编辑器(也可以直接搜索setting.json)>在setting.json中编辑

技术图片

 

 

 或者

技术图片

 

 

 2.打开setting.json

技术图片

 

 

 或者直接搜索setting.json(你可能看到很多个setting.json,随便打开一个就可以)

技术图片

 

 

 3.打开setting.json后,将下面一段代码复制到末尾,然后点击保存就ok了(输入标签后直接按Tab键就可以生成)

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

技术图片

 

VScode如何设置模板字符串html标签自动补全

标签:标签   setting   过程   实现   nta   info   show   bbr   lang   

原文地址:https://www.cnblogs.com/bky-/p/14932287.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!