TextMate 编辑 HTML 使用的快捷键记录

本篇是介绍来自于 HTML Bundle 的快捷键

1. 产生 HTML 注释 ，用 command+/，这与多数 IDE 产生注释的方式是一样的。而要产生多行的注释就用 option+command+/，如：

如果选择文本后按 command+/ 或 option+command+/ 的效果分别是：

和

⇥ 表示 tab 键，例如应用代码片断的时候，如输入 head，后 tab 键，有多个同名片断时，数字选择就得到完整的代码版断。

2. 插入 html 标签， ctrl+shift+<, 即 Insert Open/Close Tag

输入 html，然后按 ctrl+shift+<, 变为 <html></html>
输入 a id="abc"，选择上 a id="abc"，就变为 <a id="abc"></a>

3. 包裹上标签，ctol+shift+w，即 Wrap Selection in Open/Close Tag，效果是：

直接按 ctrl+shift+< 和 ctrl+shift+w，的效果是一样的，得到 <p></p>，改前面 p 为 head，就变成 <head></head>
输入 hello 并选择上 hello，然后 ctrl+shift+w 就得到 <p>hello</p>，改前面的 p 为 div，就变成 <div>hello</div>

4. 自动加上闭合标签，option+command+. 如：

输入 <body>this is body part，然后按 option+command+. 就变为 <body>this is body part</body>

5. 同时为每行包裹上标签，ctrl+command+shift+w,如：

输入
this is line #1
this is line #2

然后按 ctrl+command+shift+w，变成：
<li>this is line #1</li>
<li>this is line #2</li>

再改第一个 li 为 div 就成了：
<div>this is line #1</div>
<div>this is line #2</div>

6. 为选定文本包上链接，ctrl+shift+l，如：

输入 unmi，然后按 ctrl+shift+l，变为：<a href="http://example.com/">unmi</a>，如果剪贴板中有内容，可能被用作 href 属性值。

7. ctrl+h 打开相应标签的帮助窗口，ctrl+shift+h （tidy)，可用于查看以消除警告窗口，ctrl+shift+v，进行 html 校验。能够根据你的 doctype 来检验 html4 或 html5 等。

8. 使用代码片断(snippets)，option+esc 和 tab 键

option+esc 列出所有的片断名来选择，显示了片断名后还得用 tab 来展开
如输入 doctype，然后按 tab, 存在多个时要再次选择一下，就会展开它的完整代码，若只有一个时直接展开，例如这里可输入 3，便得到：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

9. 在浏览器上刷新预览，command+r，先在浏览器中打开了该 html 文档，改动了只要按下 command+r 便能在浏览器中看到效果。

10. 输入嵌入服务器端代码的标记，轮翻按 ctrl+shift+>，会轮换着的显示 <%= %>、<% %>、<%- -%>、<%# %>，好像都是给 ASPX 准备着的。

11. 插入或转换选择的字符为 entity 的快捷键是 command+shift+&，会有下一级选项的。还包括 URL 编码或解码，或显示窗口选择 entity。

12. 快捷输入 <br> 用 ctrl+回车，输入   用 option+空格

13. 斜体和粗体的快捷键分别是 command+i 和 command+b，如，先选中输入的 abc 分别按 command+i 和 command+b 后变成：

14. 还有一个很强劲的属性的快捷键 option+esc，就像 Eclipse 中 alt+/，或 ctrl+空格。这一快捷键前面有提到，但这里的用处稍有不同，例如：

当光标停在输入的 <a> 里 a 与 > 之间时(光标与 a 之间有无空格没关系，会自动加上的)，按 option+esc 后提示出 a 标记的所有可选的属性出来，像 id、class、name、onclick 等，前十个可用数字键直接选择，后面滚动选择。

有了这功能可让你很清楚每一个 html 标签有些属性可以，这也是让我觉得 TextMate 比 EditPlus 强大许多的地方。

15. 其他的就是用过的尽量记住那些 snippets 代码片断吧，像我还装了 HTML5 的 Bundle，输入 video，然后 tab，就出现：

<video src="http://www.url.mp4" autoplay="false" controls="true" height="" width="">
your browser does not support the video tag
</video>

TextMate 编辑 HTML 使用的快捷键记录相关推荐

aecmap快捷键_ArcGIS编辑操作的常用快捷键
原标题:ArcGIS编辑操作的常用快捷键 Journal of Geodesy and Geoinformation Science ArcGIS编辑操作的常用快捷键在ArcMap中,快捷键与一些编 ...
linux查看和编辑文件,查看和编辑文件(Linux的快捷键和主要命令)
查看和编辑文件(Linux的快捷键和主要命令) cat filename | more 这个命令用于查看一个被称为 "filename"的文本文件的内容,每次一页. "| ...
Eclipse编辑python时的快捷键
使用eclipse编辑python时的快捷键常用快捷键 Ctrl+1 快速修复(最经典的快捷键,就不用多说了) Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加) Ct ...
Android Studio快捷键记录
常用快捷键: ●查找所有快捷键查找快捷键[Find Action]:Ctrl+Shift+A ●显示一些有用信息显示简要信息:Ctrl+mouse over code 快速查找文档[Quick D ...
平时各种常用的快捷键记录+快速打印出某文件夹下的子文件夹分布
目录 1. 实用Windows快捷键 2. cmd快捷键 3. chrome浏览器快捷键使用 4. PyCharm使用快捷键 5. PS快捷键 6. LabelImg快捷键快速打印出某文件夹下的子文 ...
ArcGIS编辑操作的常用快捷键一览表
在ArcMap中,快捷键与一些编辑工具和命令相关联.使用快捷键能使编辑工作更加快捷有效,总结如下: 一.公共快捷键(对所有编辑工具有效): Z:放大 X:缩小 C:漫游 V:显示节点 ESC:取消 C ...
phpstorm 快捷键记录
有些快捷键冲突更改快捷键文件->设置->快捷键去更改 Ctrl+Space 基本代码完成 Alt+Enter 显示意图操作和快速修复 Ctrl+P 参数信息(在方法调用中) C ...
3dsMax 快捷键记录
如果忘记了快捷键,可以在自定义用户界面中查看 PgDn 自动定位下一个物体 PgUp 自动定位上一个物体 ALT_W 是最大化当前视口 Ctrl+R 环绕观察工具快捷键 ALT+Z 放大镜工具 Ctr ...
idea 定位一行开头的位置_Intellij IDEA快捷键记录一（跳转与查找定位）
1.alt + 数字,跳转内部窗口途中标有数字开头的的地方,都可以用alt+数字的方式进行跳入,比如写代码时,右侧project目录关闭着,直接alt+1 就可以快速打开,并且鼠标焦点也会移入其中 ...

TextMate 编辑 HTML 使用的快捷键记录

TextMate 编辑 HTML 使用的快捷键记录相关推荐

最新文章

热门文章