Sublime Text 使用介绍、全套快捷键及插件推荐 史上最全！

开始使用Sublime Text：

Sublime Text有Dev版本，推荐使用，下载地址，一般推荐下载便携版本（Portable version），这样拿来拿去很方便，也不用安装，而且插件和主体在一个目录下，便携。

相关阅读：

• 大前端推荐使用的前端开发工具
• 推荐轻量级开发软件 Notepad++ 及其两款超强辅助插件

Sublime Text快捷键：

• Ctrl+Shift+P：打开命令面板
• Ctrl+P：搜索项目中的文件
• Ctrl+G：跳转到第几行
• Ctrl+W：关闭当前打开文件
• Ctrl+Shift+W：关闭所有打开文件
• Ctrl+Shift+V：粘贴并格式化
• Ctrl+D：选择单词，重复可增加选择下一个相同的单词
• Ctrl+L：选择行，重复可依次增加选择下一行
• Ctrl+Shift+L：选择多行
• Ctrl+Shift+Enter：在当前行前插入新行
• Ctrl+X：删除当前行
• Ctrl+M：跳转到对应括号
• Ctrl+U：软撤销，撤销光标位置
• Ctrl+J：选择标签内容
• Ctrl+F：查找内容
• Ctrl+Shift+F：查找并替换
• Ctrl+H：替换
• Ctrl+R：前往 method
• Ctrl+N：新建窗口
• Ctrl+K+B：开关侧栏
• Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
• Ctrl+F2：设置/删除标记
• Ctrl+/：注释当前行
• Ctrl+Shift+/：当前位置插入注释
• Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
• Ctrl+Shift+A：选择当前标签前后，修改标签用的
• F11：全屏
• Shift+F11：全屏免打扰模式，只编辑当前文件
• Alt+F3：选择所有相同的词
• Alt+.：闭合标签
• Alt+Shift+数字：分屏显示
• Alt+数字：切换打开第N个文件
• Shift+右键拖动：光标多不，用来更改或插入列内容
• 鼠标的前进后退键可切换Tab文件
• 按Ctrl，依次点击或选取，可需要编辑的多个位置
• 按Ctrl+Shift+上下键，可替换行
• F12 直接跳转到引用的地方 适用：js css  class  超牛B

Sublime Text 设置：

• Setting User
  以下是浩子使用的

   

  {
  	"font_face": "courier new",
  	"font_size": 9.0,
  	"highlight_line": true,
  	"scroll_past_end": false,
  	"tab_size": 4,
  	"theme": "Soda Dark.sublime-theme",
  	"word_wrap": true
  }

Sublime Text插件：

建议先启用Package Control，作用是安装插件时很方便，启用方法：菜单栏 – View – Show Console，贴入以下代码并回车，然后重启Sublime。如果你所在的网络无法启用，则无法使用，手动搜索下载去吧（话说你的网也被封了？）。

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())

开始安装一些非常实用的插件吧，Ctrl+Shift+P（菜单 – Tools – Command Paletter），输入 install 选中Install Package并回车，输入或选择你需要的插件回车就安装了（注意左下角的小文字变化，会提示安装成功），安装其它插件也是这个方法，非常快速。

• ZenCoding
  不得不用的一款前端开发方面的插件，Write less , show more.安装后可直接使用，Tab键触发，Alt+Shift+W是个代码机器。
• Alignment
  代码对齐，如写几个变量，选中这几行，Ctrl+Alt+A，哇，齐了。
• Prefixr
  写 CSS可自动添加 -webkit 等私有词缀，Ctrl+Alt+X触发。
• Tag
  Html格式化，右键Auto-Format Tags on Ducument。
• Clipboard History
  剪贴板历史记录，显示更多历史复制，Ctrl+alt+v触发。
• SideBarEnhancements
  侧栏右键功能增强，非常实用
• Theme – Soda
  完美的编码主题，用过的都说好，Setting user里面添加”theme”: “Soda Dark.sublime-theme”
• GBK to UTF8
  将文件编码从GBK转黄成UTF8，菜单 – File里面找
• SFTP
  直接编辑 FTP 或 SFTP 服务器上的文件，绝对FTP浮云
• WordPress
  集成一些WordPress的函数，对于像我这种经常要写WP模版和插件的人特别有用
• PHPTidy
  整理排版PHP代码
• YUI Compressor
  压缩JS和CSS文件

• liveReload

  顾名思义，就是自动更新，而不需要我们编辑一次就手动刷新一下。

  安装好liveReload插件之后，就是给浏览器安装相应的插件了，在readme中可以找到谷歌和火狐的插件地址分别为：Google Chrome extension, Firefox 4 extension

• Search in Browser

  这个就是直接在编辑器中直接快捷键“ctrl+alt+g”，打开谷歌搜索，当然还有其他的，可以参考readme文件，同样还有一个插件stackoverflow search，可以直接在stackoverflow里面搜索你的问题。

• SublimeTmpl 快速生成文件模板
• 一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件
• 终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件
• 目录的templates文件夹里，可以自定义编辑文件模板。

• SublimeTmpl默认的快捷键
• ctrl+alt+h html
• ctrl+alt+j javascript
• ctrl+alt+c css
• ctrl+alt+p php
• ctrl+alt+r ruby
• ctrl+alt+shift+p python

 

• DeleteBlankLines 一键删除空白行

  安装好DeleteBlankLines插件后，该如何使用DeleteBlankLines插件一键删除空白行呢?可以按如下的步骤操作：

  1. 选中要删除空白行的文本范围，一般是ctrl+A直接全选
  2. 通过ctrl+alt+backspace执行一键去除空白行功能

  提示：初次使用可以拿些带有大量空白行的文件操作，以便明显地了解DeleteBlankLines的功能。

  这时候应该修改一个Sublime Text的用户配置，其中这个配置就是"保存文件时自动去掉每行结束后多余的空格"，具体操作如下：

  1. 在Sublime Text菜单栏中找到preferences，选择"设置 - 用户"
  2. 在窗口中最后一个"}"前输入"trim_trailing_white_space_on_save": true(包含引号内容)
  

  Sublime Text快捷键去除空白行失效

  设置好之后无需重启，再次打开有大量"空行"的文件，比如修改WordPress中的functions.php文件，然后在打开后进行保存，然后你就会发现那些扰人的"空行"消失了，它们真的变成空行了，然后现在在使用DeleteBlankLines的快捷键组合就能够完美的去掉所有空行了。

• 代码版本控制等

•  

  TortoiseSVN

   

• git

   

• gist(线上代码片段)

•  

  格式化代码

  cssFormat

  jsFormat

  Tag(可以格式化html，有注释的时候表现不是很理想)

   

• 其他插件

  bracket highlighter(括弧高亮显示)

  Goto-CSS-Declaration(跳转到css文件该class的声明处，注意对应的css文件要同时打开才行)

  jquery package，scss(支持scss的语法高亮)

• ======================

• 3、不建议再用的插件

  prefixr(css3前缀)

  placeholders(填充一些文本内容)。

  之所以不建议使用上面两个是因为用emmet就可以解决了，所以说emmet是多么的强大啊