前端编辑神器---sublime text2

个人印象

之前一直在用dreamweaver，但是由于软件太大，加载速度慢，所以sublime text2作为一款跨平台的编辑器，它的优势就展现出来了，它本身小巧，支持代码高亮，语法提示，自动完成，自动换行，折叠等功能且反应迅速，支持插件扩展机制，令我们工作起来更加得心应手。

人性化设计

点击一个标签或者括弧，会在起始处显示下划点线，方便看清代码结果，每一层嵌套代码间都有竖线，起到视觉辅助的作用。

快捷键

1.窗口快捷键

当前窗口中的标签页切换：ctrl+tab

默认1屏(非小键盘)：alt+shift+1

左右分屏-2列：alt+shift+2

左右分屏-3列：alt+shift+3

左右分屏-4列：alt+shift+4

等分4屏：alt+shift+5

垂直分屏-2屏：alt+shift+8

垂直分屏-3屏：alt+shift+9

设置书签：ctrl+F2

上一个书签：shift+F2

下一个书签：F2

选中文本按下快捷键，即可一次性选择全部的相同文本进行同事编辑：alt+F3

检测语法错误：F6

全屏模式：F11

 2 页面行快捷键

复制光标所在整行（选中词语）并插入该行（选中词语）之前：ctrl+shift+D

选择整行（继续选择下行）：ctrl+L

多列编辑：ctrl+鼠标

光标所在行后插入空行：ctrl+enter

光标所在行前插入空行：ctrl+shift+centre

合并行(即取消换行)：ctrl+J

行操作：ctr+alt+↑、ctrl+alt+↓分别为向上或者向下交换两行

从光标处删除至行首：ctrl+K backspace

删除至行尾：ctrl+KK

删除整行：ctrl+shift+K

跳转到相应的行：ctrl+G

注释分别为行注释和块注释，再按去掉注释：ctrl+/、ctrl+shift+/

3 代码标签方面

改为大写：ctrl+K+U

改为小写：ctrl+K+L

字、词互换：ctrl+T

选择相似：ctrl+D

选择光标位置付标签对儿：ctrl+shift+A

光标移动至括号内开始或结束的位置：ctrl+M

选择括号内的内容（继续可选择父括号）：ctrl+shift+M

闭合当前标签：alt+.

缩进 自动完成 tab、ctrl+]

去除缩进：shift+tab、ctrl+[

折叠代码：ctrl+shift+[

展开代码：ctrl+shift+]

折叠所有属性：ctrl+KT

展开所有：ctrl+K0

快速列出、跳转到某个函数：ctrl+R

查找当前项目中的文件和快速搜索：输入@查找文件主标题、函数；或者输入数字跳转到文件某行：ctrl+P

插件扩展

他是支持插件的，所以我们就要了解一下，有哪些好用的插件呢？

首先我们要了解一下怎么来安装，一般两种方法，第一种直接打开文件夹，复制粘贴下载好的插件扩展，貌似是这样，网上都有详细介绍，这里主要将第二种方法：通过在线安装 package control的方式进行在线安装，首先按快捷键 Ctrl+Shift+p 或者点击 Tools → Command Palette 调出控制台Console，将以下代码复制粘贴进命令行后回车：

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

重启，如果安装成功，就可以在菜单preferences里看到Package Control,没有说明安装失败。（可以去网上下载该文件，我就是这样，不晓得为什么，明明是在官网上下载的呀，试了好几次都不成功！汗~~~）

点击preferences-Package Control,显示弹窗：

n Disable Package ：禁用插件

n enable Package ：启用插件

n Install Package ：安装插件

n List Package ：查看已安装插件列表

n Remove Package ：移除插件

n Upgrade Package ：升级插件

然后点击Install Package

就可以选择插件安装了，那么就给大家介绍一下有哪些好用的插件以及它们的用法：

1. alignment

代码对齐，选中文本进行对其操作 ctrl+shift+a

2.BracketHighlighter

括弧高亮显示

3.Clipboard History

剪切板历史，可以保存多个复制信息，按下ctrl+alt+v,可以选择历史剪切板

4.DocBlockr

文档生成器，在js函数前输入/**再回车，神奇的一幕就会发生。

5.Emmet

zenCoding的升级版 tab

6.cssFormat

格式化css

7. JsFormat

格式化js代码，据说可以按ctrl+alt+5把压缩的代码还原。

8.tag

格式化标签

9.SublimeLinter

一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释，比如“TODO”，这样就可以被快速定位。并且支持多种语言、不需要热键——它在输入时就自动校验。

10.GBK Encoding Support

GBK与UTF之间转换，中国程序员必备

11.jsdocs

在js函数上方输入/**、回车，doc就生成好了，很神奇的插件

12.Goto-Css-Declaration

跳转到css文件该class定义处，方便查看修改编辑，注意对应的css文件要同时打开才行 super+. /super+,(super键即为windows键在ctrl和alt键之间)

13.SidebarEnhancements

侧边栏增强工具

14.TortoiseSVN

集成SVN版本控制功能

15.SFTP

提供FTP或SFTP服务器管理，通过配置远程文件显现功能

16.Git

集成Git功能

17.KeymapManager

管理所安装插件，通过快捷键ctrl+alt+K可以调出面板，然后选择要使用的插件，很实用。

18.JSMinifer

提供Js压缩功能，基于GG的closure complier,快捷键：ctrl+alt+M ，本机得配置好JDK

19.YUI Compressor

压缩JS和CSS文件，快捷键ctrl+B,可以自定义方法，本机得配置好JDK

可以将自己的修改的全部定义在Data/Packages/User/ 目录中，然后保存它们，这样随时可以将自己修改的同步到你所有设备上。

参考http://www.html5jscss.com/editor-sublimetext2-25.html