快捷方式笔记

147 阅读1分钟

「这是我参与11月更文挑战的第4天,活动详情查看:2021最后一次更文挑战

Emment语法快速生成HTML结构(body结构里面)

1.生成标签:直接输入 标签名,按TAB键生成

2.生成多个标签:直接输入 标签名*数量,按TAB键生成

P*3

3.输入父子关系的标签:父标签>子标签,按TAB键生成

ul>li

4.输入兄弟关系的标签:标签1+标签2,按TAB键生成

div+span

5.生成带有类名或者id名的标签:.demo或者#demo,按TAB键生成

默认为div标签

.demo
<div class="demo"></div>

如果想要生成其他标签

p.demo
<p class="demo"></p>

6.生成带有顺序的类名或者id名的标签,使用自增符号$,按TAB键生成

.demo$*4
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>

7.生成带有内容的标签,使用{},按TAB键生成

div{我喜欢男人$}*5
<div>我喜欢男人1</div>
<div>我喜欢男人2</div>
<div>我喜欢男人3</div>
<div>我喜欢男人4</div>
<div>我喜欢男人5</div>

Emment语法快速生成CSS结构

使用tab键补齐

比如
text-align:center;---tac按tab
weigh: 100px;---w100

快速格式化代码

webstorm使用快捷键CTRL+ALT+L自动正确格式化代码