定制 Sublime Text 3 编辑器

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。
功能很强大,插件很丰富,所以,怎么让她变得更美,更适合自己呢?

Sublime Text 3默认界面

首先看看Sublime Text 3的默认界面,其自带主题也是很不错的。
默认界面

详细步骤

安装 Package Control

Package ControlSublime Text包管理器。它包含一个可用于安装的2500多个包的列表,用户可以自己添加任何GitHubBitBucket存储库。
安装方法见:packagecontrol.io/installation#st3 注意选择Sublime Text的版本。
Package Control
最简单的安装方法是通过Sublime Text控制台安装。通过快捷方式 ctrl+`View >_ _Show Console 菜单打开控制台。打开后,将上图红框中的Python代码粘贴到控制台中,回车即可安装。安装成功后可在 Preferences 菜单下看到 Package Control
Package Control

安装主题

通过快捷方式 ctrl+shift+p 打开控制台,输入 Install Package 即可安装各种插件和主题。
Install Package
Seti_UI by jesseweed 这款主题是我目前最喜欢的一个主题。
输入 Seti_UI 安装该主题。安装后除了介绍文档,你会发现你的Sublime Text并没有什么变化。
安装Seti_UI
需要通过修改用户首选项文件来使用该主题,找到菜单 Preferences -> Settings 可以打开用户首选项文件,输入以下{ }中的代码就可以使用该主题了。

1
{"theme": "Seti.sublime-theme"}

效果如下,可以看到不同的文件有不同的图标显示,这也是这款主题最吸引我的地方。>…<
Seti_UI主题

自定义代码风格

http://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai 打开链接可以看到左侧有很多的主题,并且可以任意修改字体样式、背景等。
tmtheme-editor.herokuapp.com
找到满意的主题后,点击下载。在下面的文件夹里新建 Color Scheme - User 文件夹,将下载文件拷贝到该文件夹下。( * 为用户名)

1
C:\Users\***\AppData\Local\Sublime Text 3\Cache

现在,在菜单 Preferences -> Color Scheme 下就可以看刚才所下载的主题了,点击即可使用。
Color Scheme

效果图

最终效果

常用设置

浏览器启动

菜单 Preferences -> Key Bindings-User 下输入以下代码后,按 F1 即可在Chrome浏览器中打开文件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
[
//chrome
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
"extensions": ".*" //文件扩展名
}
},
//ie
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
"extensions">: ".*"
}
}
]

快捷键

选择类

  • F12 转到定义
  • Ctrl+D 多选
  • Alt+F3 选择所有当前文本.例:快速选中并更改所有相同的变量名、函数名等
  • Ctrl+L 选择行
  • Ctrl+Shift+L 选中多行后在每行行尾插入光标
  • Ctrl+Shift+M 选择括号内的内容(继续操作选择父括号)
  • Ctrl+M 光标移动至括号内结束或开始的位置
  • Ctrl+Shift+[ 折叠代码
  • Ctrl+Shift+] 展开代码
  • Ctrl+K+0 展开所有折叠代码
  • Ctrl+← 向左单位性地移动光标
  • Ctrl+→ 向右单位性地移动光标
  • shift+↑ 向上选中多行
  • shift+↓ 向下选中多行
  • Shift+← 向左选中文本
  • Shift+→ 向右选中文本
  • Ctrl+Shift+← 向左单位性地选中文本
  • Ctrl+Shift+→ 向右单位性地选中文本
  • Ctrl+Shift+↑ 将光标所在行和上一行代码互换
  • Ctrl+Shift+↓ 将光标所在行和下一行代码互换
  • Ctrl+Alt+↑ 向上添加多行光标
  • Ctrl+Alt+↓ 向下添加多行光标

编辑类

  • Ctrl+/ 注释单行
  • Ctrl+Shift+/ 注释多行
  • Ctrl+K+U 转换大写
  • Ctrl+K+L 转换小写
  • Ctrl+J 合并选中的多行代码为一行,例:将多行格式的CSS属性合并为一行
  • Ctrl+Shift+D 复制光标所在整行,插入到下一行
  • Ctrl+Enter 在下一行插入新行
  • Ctrl+Shift+Enter 在上一行插入新行
  • Tab 向右缩进
  • Shift+Tab 向左缩进
  • Ctrl+Shift+K 删除行
  • Ctrl+K+K 从光标处开始删除代码至行尾
  • Ctrl+T 左右字母互换
  • F6 单词拼写检测

搜索类

  • Ctrl+F 查找关键字
  • Ctrl+Shift+F 在文件夹内查找
  • Ctrl+P 打开搜索框.1.输入文件名,快速搜索文件; 2.输入@和关键字,查找函数名; 3.输入:和数字,定位到该行; 4.输入#和关键字,查找变量名
  • Ctrl+R 打开搜索框,自动带@
  • Ctrl+G 打开搜索框,自动带:
  • Ctrl+; 打开搜索框,自动带#
  • Ctrl+Shift+P 打开命令框

显示类

  • Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页
  • Ctrl+PageDown/PageUp 向右/右切换当前窗口的标签页
  • Alt+Shift+1 窗口分屏,恢复默认1屏
  • Alt+Shift+2 左右分屏-2列
  • Alt+Shift+3 左右分屏-3列
  • Alt+Shift+4 左右分屏-4列
  • Alt+Shift+5 等分4屏
  • Alt+Shift+8 垂直分屏-2屏
  • Alt+Shift+9 垂直分屏-3屏
  • Ctrl+K+B 开启/关闭侧边栏.

0%