Sublime快捷键

昨天去面试的时候,面试给我一张图片叫我做一个静态网页,因为用惯自己的编辑器Sublime,我安装了Sublime Tmpl这个插件,平时新建一个HTML文件,就是new file,html文档的基本框架就出来了。昨天的Sublime就没安装这个插件,所以有点适应不过来。

如何新建一个HTML文件

首先用快捷键 ctrl+N 新建一个文件
接着用 Ctrl+Shirt+P 打开命令板
因为Sublime支持模糊匹配,所以打上 ssh,就能看到Set Syntax:HTML;按回车键就形成html文档(css js 等文档一样,Set Syntax是获取语法的意思)
这时候就可以用 Emmet这个插件,敲上!字符

1
!

然后按快捷键 Ctrl+E;

1
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

HTML框架就出来了(或者安装Sublime Tmpl这个插件,直接new file)

Emmet这个插件还有很多巧妙的用处,大大提高工作效率

1
ul>.itme$*10

我们敲上以上的代码后,然后快捷键 Ctrl+E;就会出现以下代码

1
<ul>
		<li class="itme1"></li>
		<li class="itme2"></li>
		<li class="itme3"></li>
		<li class="itme4"></li>
		<li class="itme5"></li>
		<li class="itme6"></li>
		<li class="itme7"></li>
		<li class="itme8"></li>
		<li class="itme9"></li>
		<li class="itme10"></li>
	</ul>

Sublime 的多行游标

ctrl+D 就会选中光标,还可以重复ctrl+D,这样就会出现多行游标

ctrl+K + ctrl+D 可以跳过下一个

ctrl+A + ctrl+F 也可以出现多行游标

其实再敲代码时,我更喜欢用另外一种方法

可以按住Shift键,然后点击鼠标右键,这样就可以出现多行游标的拖拽