首页 > Web开发 > 详细

VScode-HTML

时间:2021-05-26 14:33:42      阅读:18      评论:0      收藏:0      [点我收藏+]
Visual Studio Code关于写html的快捷键

这几天写html,找别人学了一些有趣的快捷键,作用不一定很大,但还是记录一下。

1多个平级标签
输入 div*5 会有提示,按回车,出现下面的代码
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

2多个平级排序标签
输入 div{$}*4 出现提示后,按回车,出现下面的代码
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>

3给标签加id和class
输入 div#tagId 提示,回车
<div id="tagId"></div>

输入 div.tagClass 提示,回车
<div class="tagClass"></div>

4多层嵌套标签
多层嵌套标签用>右尖括号,还可以任意组合。

span>div>section
<span>
<div>
<section></section>
</div>
</span>

span>div*3>section
<span>
<div>
<section></section>
</div>
<div>
<section></section>
</div>
<div>
<section></section>
</div>
</span>

span>div{$}*3>section
<span>
<div>
1
<section></section>
</div>
<div>
2
<section></section>
</div>
<div>
3
<section></section>
</div>
</span>

span>div*3>section{$}*3
<span>
<div>
<section>1</section>
<section>2</section>
<section>3</section>
</div>
<div>
<section>1</section>
<section>2</section>
<section>3</section>
</div>
<div>
<section>1</section>
<section>2</section>
<section>3</section>
</div>
</span>

5 ! + 回车

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>

</body>
</html>

6 Ctrl+/ (注释)

<!-- -->
7 快速多次复制同一行代码
crtl +c --->ctrl+v

VScode-HTML

原文:https://www.cnblogs.com/huahuawang/p/14813052.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!