美文网首页
vscode设置模板字符串自动补全

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

作者: 踏莎行 | 来源:发表于2021-02-15 12:49 被阅读0次

在学习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

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

相关文章

网友评论

      本文标题:vscode设置模板字符串自动补全

      本文链接:https://www.haomeiwen.com/subject/mgupxltx.html