vscode设置模板字符串自动补全

在学习vue时很多地方要使用模板字符串，在里面写HTML标签时太麻烦了，我们通过设置可以实现在模板字符串中使用tab快速写入HTML标签，如router-link Tab生成<router-link></router-link>

在vscode中打开设置>文本编辑器>在settings.json中编辑

setting

打开json文件之后，复制下面代码到文件末尾,保存即可

// 设置模板字符串代码补全
"emmet.triggerExpansionOnTab": true,
"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
     "javascript": "html"
},

finish.PNG

不仅仅是在模板字符串中适用，普通的字符串中也可以使用