Sublime text3实用指南

每次换电脑都要重新再装一遍，做个记录省的每次都要重新搜= =，原文地址如下：

http://bubkoo.com/2014/01/04/sublime-text-3-plugins/

http://www.cnsecer.com/460.html

快捷键

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+Shift+A：选择当前标签前后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
Ctrl+依次左键点击或选取，可需要编辑的多个位置
Ctrl+Shift+上下键：替换行

插件的快捷键

ctrl+h+j: 检测js语法错误

Ctrl+Alt+f ： JS format 快捷键

Ctrl+Shift+C: css属性排序，csscomb插件

ctrl+alt+d: 自动删除多余空格，trailing spaces插件

SublimeTmpl默认的快捷键

• ctrl+alt+h → html--快速创建html模板
• ctrl+alt+j → javascript
• ctrl+alt+c → css
• ctrl+alt+p → php
• ctrl+alt+r → ruby
• ctrl+alt+shift+p → python

安装插件

直接安装

安装 Sublime text 3 插件很方便，可以直接下载安装包解压缩到 Packages 目录（菜单->Preferences->Packages）。

使用 Package Control 组件安装

新安装的 Sublime text 3 默认没有 Package Control 组件，怎么样安装呢？可以按照以下步骤：

1. 按 Ctrl + ` 打开控制台，粘贴以下代码到底部命令行并回车：

1

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

1. 重启 Sublime Text 3
2. 在 Perferences->Package Settings 中看到 Package Control，则表示安装成功

用Package Control安装插件的方法：

1. 在 Package Control 中选择 Install package 或者按 Ctrl+Shift+P，打开命令板
2. 输入 pci 然后选择 Install Package
3. 搜索需要的插件名称，点击就可以自动完成安装。

那些插件

css

Sublime Prefixr

Prefixr，CSS3 私有前缀自动补全插件，显然也很有用哇、

CSScomb CSS属性排序

快捷键Ctrl+Shift+C

CSScomb 可以按照一定的 CSS 属性排序规则，将杂乱无章的 CSS 属性进行重新排序。选中要排序的 CSS 代码，按 Ctrl+Shift+C，即可对 CSS 属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的 CSS 属性。当然，可以自己自定义 CSS 属性排序规则，打开插件目录里的 CSScomb.sublime-settings 文件，更改里面的 CSS 属性顺序就行了。

------------------------------------------

js

JSHint 检测语法所悟

jshint & jshint gutter, 右键处理

JS Format

一个JS代码格式化插件
https://github.com/jdc0589/JsFormat
快捷键 ctrl+alt+f

html/css/js prettify: 

修改快捷键成ctrl+alt+f

针对jsx文件，在该插件的设置中修改以下配置：

The setting is: "e4x": true in the "js" section of the settings file

Preferences > Package Settings > HTML\CSS\JS Prettify > Set Prettify Preferences

This does not work well if you have self closing tags eg. tags ending in />

----------------------------

都有用的

DocBlockr 自动注释说明

使用package control安装DocBlockr。加配置 "jsdocs_indentation_spaces_same_para": 3

安装完成后使用方法如下：

A、先写完你的函数

function testFunction(a, b, c) {

}

B、然后在函数的前面一行，输入

/**

C、然后回车，自动生成

/**
 * [testFunction description]
 * @param  {[type]} a [description]
 * @param  {[type]} b [description]
 * @param  {[type]} c [description]
 * @return {[type]}   [description]
 */
function testFunction(a, b, c) {

}

D、并且在注释块中，按@键可以展开关键词：

BracketHighlighter 高亮显示匹配的括号、引号和标签

BracketHighlighter 这个插件能在左侧高亮显示匹配的括号、引号和标签，能匹配的 [], (), {}, “”, ‘’,等甚至是自定义的标签，当看到密密麻麻的代码分不清标签之间包容嵌套的关系时，这款插件就能很好地帮你理清楚代码结构，快速定位括号，引号和标签内的范围。

TrailingSpacer 高亮显示多余的空格和 Tab

我有代码洁癖，我爱 TrailingSpacer，TrailingSpacer这款插件能高亮显示多余的空格和Tab，并可以一键删除它们。

注意，当前插件缺少了一个设置快捷键的文件，可以新建一个名字和后缀为 Default (Windows).sublime-keymap 的文件，添加以下代码，即可设置“删除多余空格”和“是否开启TrailingSpacer ”的快捷键。

1 2 3 4 5

[ { "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" }, { "keys": ["ctrl+alt+o"], "command": "toggle_trailing_spaces" } ]

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

如果想要新建其他类型的文件模板的话，先自定义文件模板方在 templates 文件夹里，再分别打开 Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings 这四个文件照着里面的格式自定义想要新建的类型~

插件下载：https://github.com/kairyou/SublimeTmpl