按键 | 作用 |
---|---|
Ctrl +/- | 增加/缩小显示比例 |
Alt +Shitf +数字 | 分屏 数字为分屏个数 回到单屏幕 Alt +Shitf +1 |
Ctrl + d | 选中单词 |
Ctrl + l | 选中一行 |
Ctrl + ] | 向右缩进 |
Ctrl + [ | 向左缩进 |
Ctrl + n | 新建文件 |
Ctrl + z | 撤销 |
Tab/Ctrl +e | 自动补全 先输入! 在按Tab自动补全HTML结构 |
Ctrl + / | 注释 |
Ctrl +Shitf +/ | 撤销注释 |
快速生成标签内容 {}
输入p{内容}
使用Ctrl +e
得到1
<p>内容</p>
快速添加属性值 []
输入img[src=logo.jpg]
使用Ctrl +e
得到1
<img src="logo.jpg"/>
快速生成标签嵌套 >
输入p>span
使用Ctrl +e
得到1
<p><span></span></p>
快速生成同级标签 +
输入p>img+a
使用Ctrl +e
得到1
<p><img src=""/><a href=""></a></p>
快速生成标签分组 ()
输入(div>p)+(div>img)
使用Ctrl +e
得到1
2
3
4
5
6<div>
<p></p>
</div>
<div>
<img src="" />
</div>
快速生成多个元素 *
输入ul>li*3
使用Ctrl +e
得到1
2
3
4
5<ul>
<li></li>
<li></li>
<li></li>
</ul>
快速生成link标签
输入link:css
快速生成带id属性和class属性的值
输入div#a
和div.b
1
2<div id="a"> </div>
<div class="b"> </div>
快速生成border-radius属性
输入bdrs
使用Ctrl +e
得到
快速生成box-shadow属性
输入bxsh
使用Ctrl +e
得到
快速生成媒体查询的规定
输入meta:vp
使用Ctrl +e
得到1
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">