vscode自动为一个单词生成标签

vscode自动为一个单词生成标签,第1张

vscode会自动为一个单词生成标签。根据查询相关公开资料可知:vscode插件,只需要输入标签的单词或字母,按enter键,就能直接自动生成开/闭标签,且光标居中,VsCode内置了Emmet语法,而且还有Emmet的语法提示。

问题描述:vscode安装成功后,打开新的标签页,总会替换掉之前打开的标签页。

解决方法:在settings.json总添加一条配置

找到vscode安装路径中的~/Code/User/settings.json文件,将上述配置添加到文件中。

Mac系统:打开vscode,快捷键command+shift+p,输入settings.json回车,选中下列第一条,就可以插入配置语句了。

win系统:打开安装目录中的xxxx\AppData\Roaming\Code\User\settings.json文件,插入配置语句就可以了。

1.生成标签:直接输入标签名按tab键即可, 比如div 然后tab就可生成<div></div>

2.如果想要生成多个相同标签 标签名加上*号就可以, 比如:div*3 就快速生成3个div标签.

3. 如果有父子级关系, 可以使用>比如 ul>li 就可以.

4.如果是兄弟关系的标签用+号就可以了, 比如: div+p.

5.如果带有类名或者id名字的, 直接.dome 或者#two tab键就可以了.

6.如果生成的div类名是有顺序的, 可以用自增符号$. 比如 .dome$*3 


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11421137.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存