angularjs动态侧边栏菜单_Sublime Text 3安装配置 快捷键和插件使用全参考

一、简介

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

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

关于打造一个可移植的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符号所在的位置，如函数

# 关键字跳转：输入#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)

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自定义配置

3.1 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

HTML-CSS-JS Prettify

详细使用教程参考

SublimeREPL or Anaconda

详细使用教程参考

HTML5

详细使用参考

BrecketHighlighter

详细使用参考

Git

详细使用参考

C improved

详细使用参考

ConvertToUTF8

详细使用参考

IMESupport

详细使用参考

Theam-Phoenix

详细使用参考

SideBarEnhancements

详细使用参考

SublimeCodeIntel

SublimeLinter

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

Nodejs

详细使用参考

AngularJS

详细使用参考

AngularJS Snippets

详细使用参考

JQuery

详细使用

JQuery Snippets pack

详细使用

JQueryDocs

详细使用教程参考

Bootstrap 3 Snippets

详细使用教程参考

OmniMarkupPreviewer

五、添加到右键菜单

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"""

3. 右击 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 模式。

七、Code Snippet

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

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

Hello, ${1:this} is a ${2:snippet}.

]]>

然后我们按住如下修改：

[${1:Display_Text}](${2:/} ${3:"$2"})

]]>

mdlink

text.html.markdown.multimarkdown, text.html.markdown

Insert Link

创建完毕以后，按要求保存在\Packages\User目录下，给snippet命名为mdlink.sublime-snippet。

使用snippet的方法，输入相应的‘tabTrigger‘即mdlink，然后按Tab键即可。

参考&引用