Sublime Text2使用小技巧

Sublime Text2是一个跨平台的文本编辑器,尤其适合web开发,异次元世界介绍的文章称之为程序员的利器,大家可以先看看。

下面是个人试验后的一些亮点:

一、变量赋值语句对齐

某些对程序的整齐有洁癖的同学,对下面的代码可能很看不顺眼:

var i, max_length, days;
days = ['mon', 'tue', 'wed', 'thu', 'fir', 'sat', 'sun'];
i = 1;
max_length = 10;

Alignment的插件就是专门用来完成赋值语句中按照等号对齐的,具体操作如下:
用ctrl+鼠标左键选择需要对齐的变量,然后使用ctrl+alt+a热键实现对齐,最后的效果如下(注意三个变量处于选中状态,否则无法实现对齐功能)

二、按html标签选选择文本,下面是使用ctrl+shift+a多次选择的效果:

第一次:

第二次:

第三次:

第四次:

有了这个功能,选择标签基本就不需要使用鼠标了。

三、ZenCoding功能

不知道ZenCoding的童鞋自己google或百度,在sublime text2中的效果如下:

首先安装Emmet这个插件,过程中会自动安装PyV8插件,安装完成后输入下面文字:

select>option[value=$$]{$月}*12

然后按tab件,出来了什么内容?下面的结果是不是很酷?

或者安ctrl+alt+space调出zencoding的控制台,可以实时的看到生成的代码。

四、快速进行列编辑

使用shift+鼠标右键可以进入列选择模式,不过有个更简单的方式,就是官方网站上动画演示的第二个功能,具体操作过程如下:

crtl+a全选,然后按ctr+shift+L执行spit into lines功能,这时候已经是列编辑模式了

输入单引号后,所选内容已经被引号包围了,按一下右方向键,输入逗号,然后按ctrl+j就可以把这些内容合并成一行了。

五、CSS的定义定位

需要安装Goto-CSS-Declaration插件,使用WIN+<或WIN+>可以跳转到CSS的定义,注意的是包含css定义的文件必须是打开状态。

另外配合Last Cursor Position插件,使用ctrl+alt+left可以实现从css定义跳转回编辑的文件。

六、js程序格式化

需要安装JsFormat插件,使用ctrl+alt+F可以对混淆过的js进行格式化,具体效果大家可以下载jquery的压缩版本进行测试。

Comments are closed.