常用快捷键
! + Tab或者html:5 + Tab :生成html结构代码。
Ctrl + / :注释整行(若已选择内容,与"Ctrl+Shift+/"效果相同)。
Ctrl + Shift + / :注释已选择内容。
Ctrl + [ :代码左缩进。
Ctrl + ] :代码右缩进。
Ctrl + D :选中光标所占的文本,继续操作则会选中下一个相同的文本。
Alt + F3 :选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。
Ctrl + Shift + D :如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。
Ctrl :多次选择。按下Ctrl键,进行多次单击,光标会定位在多个位置,可同时编辑这几个地方。
Ctrl + L :选中一行。
Ctrl + Shift + K :删除一行。
Alt + Shift + W :用标签包裹选中项。
Ctrl + Shift + ; :移除与光标相关的父标签。
Ctrl + ← 、Ctrl + → :以单词为单位快速移动光标。
Ctrl + Shift + ↑ 、Ctrl + Shift + ↓ :整行上下移动。
Ctrl + Shift + V :粘贴并复制格式。
Ctrl + Shift + A :向上扩展一层。如果你把光标放在文本间再按下该快捷键,将选择文本(就像Ctrl+D)。但是再次按下它,将选择父容器,再按,将选择父容器的父容器。
Ctrl + '+' 、Ctrl + '-' :放大、缩小显示比例。
Alt + Shift + 数字 :分屏(例如Alt + Shift + 2 :分成两屏;Alt + Shift + 1 :回到单屏;)
F11 :全屏
代码自动补全
Tab :自动补全
1、自动补全标签
img,按下Tab键。效果如下:
<img src="" alt="" />
2、添加标签的同时规定标签里内容
p{p元素内容},按下Tab键。效果如下:
<p>p元素内容</p>
3、添加标签的同时添加标签的属性和属性值
img[src=logo.jpg alt=图片的替换文本],按下Tab键。效果如下:
<img src="logo.jpg" alt="图片的替换文本" />
4、生成带有id和class属性的标签
div.nav,按下Tab键
div#bar,按下Tab键
div.nav#bar,按下Tab键。效果如下:
<div class="nav"></div>
<div id="bar"></div>
<div class="nav" id="bar"></div>
5、生成链接样式表文件的代码
link:css,按下Tab键。效果如下:
<link rel="stylesheet" href="style.css">
6、标签的嵌套
p>span,按下Tab键。效果如下:
<p><span></span></p>
7、同级标签的添加
div>img+a,按下Tab键。效果如下:
<div><img src="" alt="" /><a href=""></a></div>
8、标签的分组
(div>p)+(div>img),按下Tab键。效果如下:
<div><p></p>
</div>
<div><img src="" alt="" /></div>
9、快速生成多个元素
ul>li*3,再按下Tab键。效果如下:
<ul><li></li><li></li><li></li>
</ul>
10、快速生成css属性
div{w30//按下tab键h30//按下tab键mg10//按下tab键pd5//按下tab键lh2em//按下tab键bgc//按下tab键
}
效果如下:
div{width: 30px;height: 30px;margin: 10px;padding: 5px;line-height: 2em;background-color: #fff;
}