Sublime Text 3安装配置、快捷键和插件使用全参考

简介

关于Sublime的下载安装，以及常用的快捷键可以参考 Sublime Text 全程指引 ，这篇文件讲解的非常详细，各种常用的Sublime的快捷键都有Gif动图显示。

sublime的一个完整的教程可以参考 HappySublime

官方文档参考： https://docs.sublimetext.info/en/latest/index.html

关于打造一个可移植的Sublime，可以参考文章打造一款便携版的Sublime Text，不过文章中描述的场景是安装了Sublime Text后不运行或者已经运行了Sublime但还没有安装插件。需要补充的是，如果已经运行了Sublime且已经安装了插件了，其实步骤也类似：

• 点击菜单栏-Preferences-Browse Packages, 打开找到插件安装包的位置，即%appdata%/Sublime Text 3/Installed Packages/，拷贝该目录到其他位置后，将该目录删掉。

• 找到Sublime Text 3的安装位置，在安装目录下新建一个Data 文件夹(注意大小写)。

• 拷贝插件安装包目录%appdata%/Sublime Text 3/下的所有文件夹到安装目录的Data文件夹中。

• 删掉插件安装目录%appdata%/ 下面的Sublime Text 3目录

• 重启Sublime

常用快捷键摘要

sublime所有的默认快捷键，见菜单栏-Preferences-Setting Default。

通用（General）

• ↑↓←→：上下左右移动光标，注意不是不是KJHL！

• Alt：调出菜单

• Ctrl + Shift + P：调出命令板（Command Palette）

• Ctrl + `：调出控制台

• Shift + Delete：删除一行

• Ctrl + Insert and Shift + Insert ：复制一行并在该行下面插入粘贴。

• 右Ctrl与右win中间的键：鼠标右击快捷菜单

• Ctrl + Shift + ↑↓ ： 两行上下交换，术语swap_line_up和swap_line_down。

侧边栏(SideBar)

• Ctrl + K/B：显示/隐藏侧边栏

• Ctrl + 0：聚焦到侧边栏，之后可以用↑↓←→移动光标，按 Ctrl + 1 回到文本编辑区域。

跳转（Jumping）

• Ctrl + P：跳转到指定文件，输入文件名后可以：

  • @ 符号跳转：输入@symbol跳转到symbol符号所在的位置，如函数

  • # 关键字跳转：输入#keyword跳转到keyword所在的位置

  • : 行号跳转：输入:12跳转到文件的第12行。

• Ctrl + R：跳转到指定符号@

• Ctrl + ;：跳转到指定符号#

• Ctrl + G：跳转到指定行号：

窗口（Window）

• Ctrl + Shift + N：创建一个新窗口

• Ctrl + N：在当前窗口创建一个新标签

• Ctrl + W：关闭当前标签，当窗口内没有标签时会关闭该窗口

• Ctrl + Shift + T：恢复刚刚关闭的标签

编辑（Editing）

• Ctrl + Enter：在当前行下面新增一行然后跳至该行

• Ctrl + Shift + Enter：在当前行上面增加一行并跳至该行

• Ctrl + ←/→：进行逐词移动

• Ctrl + Shift + ←/→:进行逐词选择

• Ctrl + ↑/↓移动当前显示区域

• Ctrl + Shift + ↑/↓:移动当前行

选择（Selecting）

• 按住鼠标中键滑轮 : 列选择模式（类似于notepad++的Alt键）

• Ctrl + D：选择当前光标所在的词并高亮该词所有出现的位置，再次Ctrl + D选择该词出现的下一个位置，在多重选词的过程中，使用Ctrl + K进行跳过，使用Ctrl + U进行回退，使用Esc退出多重编辑

• Ctrl + Shift + L：将当前选中区域打散

• Ctrl + J：把当前选中区域合并为一行

• Ctrl + M：在起始括号和结尾括号间切换

• Ctrl + Shift + M：快速选择括号间的内容

• Ctrl + Shift + J：快速选择同缩进的内容

• Ctrl + Shift + Space：快速选择当前作用域（Scope）的内容

查找&替换（Finding&Replacing）

• F3：跳至当前关键字下一个位置

• Shift + F3：跳到当前关键字上一个位置

• Alt + F3：选中当前关键字出现的所有位置

• Ctrl + F/H：进行标准查找/替换，之后：

  • Alt + C：切换大小写敏感（Case-sensitive）模式

  • Alt + W：切换整字匹配（Whole matching）模式

  • Alt + R：切换正则匹配（Regex matching）模式

  • Ctrl + Shift + H：替换当前关键字

  • Ctrl + Alt + Enter：替换所有关键字匹配

• Ctrl + Shift + F：多文件搜索&替换

屏幕（Screen）

• F11：切换普通全屏

• Shift + F11：切换无干扰全屏

• Alt + Shift + 2：进行左右分屏

• Alt + Shift + 8：进行上下分屏

• Alt + Shift + 5：进行上下左右分屏,分屏之后，使用Ctrl + 数字键跳转到指定屏，使用Ctrl + Shift + 数字键将当前屏移动到指定屏

我的Sublime Text 3自定义配置

Setting-user

配置信息如下：

{
    "color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme",
    "ignored_packages":
    [
        "Python",
        "Vintage"
    ],
    "font_size": 12,
    // 使光标闪动更加柔和
    "caret_style": "phase",
    // 高亮当前行
    "highlight_line": true,
    // 高亮有修改的标签
    "highlight_modified_tabs": true,
    // 设置tab的大小为4
    "tab_size": 4,
    // 使用空格代替tab
    "translate_tabs_to_spaces": true,
    // 显示空白字符
    //"draw_white_space": "all",
    // 保存时自动去除行末空白
    "trim_trailing_white_space_on_save": true,
    // 保存时自动增加文件末尾换行
    "ensure_newline_at_eof_on_save": true

}

前端常用插件集合

我的一个前端插件集合

Emmet

详细使用教程参考使用Emmet加速Web前端开发 和 emmet官方快捷键一览

HTML-CSS-JS Prettify

详细使用教程参考

SublimeREPL or Anaconda

详细使用教程参考

HTML5

详细使用参考

BrecketHighlighter

详细使用参考

Git

详细使用参考

C improved

详细使用参考

ConvertToUTF8

详细使用参考

IMESupport

详细使用参考

Theam-Phoenix

详细使用参考

SideBarEnhancements

详细使用参考

SublimeCodeIntel

详细使用参考 https://packagecontrol.io/packages/SublimeCodeIntel

SublimeLinter

用于高亮提示用户编写的代码中存在的不规范和错误的写法.

中文教程参考借助SublimeLinter编写高质量的JavaScript&CSS代码

官方Doc见 Welcome to SublimeLinter 3

Nodejs

详细使用参考

AngularJS

详细使用参考

AngularJS Snippets

详细使用参考

JQuery

详细使用

JQuery Snippets pack

详细使用

JQueryDocs

详细使用教程参考

Bootstrap 3 Snippets

详细使用教程参考

OmniMarkupPreviewer

详细使用教程参考 http://blog.leanote.com/post/...

添加到右键菜单

Windows环境下配置右击菜单

1. 在SublimeText3的安装目录，新建一个sublime_addright.inf的文件（重命名文件之前，需要先在工具--文件夹选项中，把隐藏已知文件类型的扩展名前边的复选框不勾选）.

2. 打开sublime_addright.inf文件，拷贝如下代码:

[Version]
Signature="$Windows NT$"
 
[DefaultInstall]
AddReg=SublimeText3
 
[SublimeText3]
hkcr,"*\\shell\\SublimeText3",,,"用 SublimeText3 打开"
hkcr,"*\\shell\\SublimeText3\\command",,,"""%1%\sublime_text.exe"" ""%%1"" %%*"
hkcr,"Directory\shell\SublimeText3",,,"用 SublimeText3 打开"
hkcr,"*\\shell\\SublimeText3","Icon",0x20000,"%1%\sublime_text.exe, 0"
hkcr,"Directory\shell\SublimeText3\command",,,"""%1%\sublime_text.exe"" ""%%1"""

最后，右击 sublime_addright.inf文件，选择"安装"即可安装。

Windows环境下删除右击菜单

把以下代码，复制到SublimeText3的安装目录，然后重命名为：sublime_delright.reg，然后双击就可以了。

PS:需要把里边的Sublime的安装目录，替换成实际的Sublime安装目录。

Windows Registry Editor Version 5.00
[-HKEY_CLASSES_ROOT\*\shell\SublimeText3]
[-HKEY_CLASSES_ROOT\Directory\shell\SublimeText3]

Vim模式

菜单栏中Preferences -> Setting - User 打开配置文件进行编辑，将 ignored_packages 项的["Vintage"]里面内容清空：

"ignored_packages":[]

即可启用 Vim 模式，按 Esc 退出编辑模式，便进入 Vim 模式。
Sublime的vim模式快捷键说明请查看 http://feliving.github.io/Sublime-Text-3-Documentation/vintage.html
Vi(Vim)键盘图及其基本命令http://www.linuxidc.com/Linux/2015-07/119992.html

Code Snippet

Snippet就是把我们常用的代码分别保存起，然后通过插件的形式来反复调用。

创建方法：菜单栏中Tools > New Snippet

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

然后我们按住如下修改：

<snippet>
    <content>
        <![CDATA[
[${1:Display_Text}](${2:http://example.com/} ${3:"$2"})
]]>
    </content>
    <tabTrigger>mdlink</tabTrigger>
    <scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
    <description>Insert Link</description>
</snippet>

创建完毕以后，按要求保存在PackagesUser目录下，给snippet命名为mdlink.sublime-snippet。
使用snippet的方法，输入相应的‘tabTrigger‘即mdlink，然后按Tab键即可。
详细方法见==> 手把手教你写Sublime中的Snippet