Sublime Text 是一款非常「性感」的代码编辑器,近几年正变得越来越流行。它「干净」、「流畅」、「跨平台」,尤其是它的 多行选择/编辑(Multi-Edit) 和代码编辑区右侧的 预览条(Minimap) 令人印象深刻。Sublime Text 自带功能已经非常强大,比如文件快速切换、跨文件编辑等,另外它支持非常多的扩展插件,选择适合自己的插件并熟练的使用能让你在原有高效的基础上更加得心应手、事半功倍。

随着 Sublime Text 的流行,网上关于它的教程和技巧类的文章(无论英文还是中文的)也非常多了,在此就不再对那些技巧做过多介绍。只说几处我自己觉得挺有用的设置,主要是外观,也就是视觉效果方面的,你也可以参照下面这些设置把 Sublime Text 改成自己喜欢的样子。

选择主题和配色方案

我比较喜欢 Flatland 这款主题,扁平化的设计和蓝色的文件夹图标看起来非常清爽,很「精神」。主题的安装和设置可以参考官方指导,我自己的设置:

"theme": "Flatland Dark.sublime-theme",
"flatland_sidebar_tree_xlarge": true,
"flatland_square_tabs": true,

配色方案可以选择Flatland自带的 Flatland Dark.tmTheme,这个与主题最搭,不过我个人比较喜欢亮一点,对比度高一些的配色,所以又安装了一个 Base 16 Color Schemes ,这个 Base 16 中包含了几十种配色方案,选择性还是非常多的,我选用了其中的 summerfruit.dark (SL).tmTheme 这个配色。

"color_scheme": "Packages/User/SublimeLinter/base16-summerfruit.dark (SL).tmTheme",

设置字体和行间距

推荐 YaHei Consolas Hybrid 字体,这个字体对中英文的显示都不错,当然需要先把字体安装到电脑上,Sublime Text 才能利用。另外,把上下间隔都设置成「1」,使行与行之间的间距稍微增大,可以让代码看上去不那么拥挤。

"font_face": "YaHei Consolas Hybrid",
"line_padding_bottom": 1,
"line_padding_top": 1,

设置光标样式、颜色及大小

"wide_caret": true,
"caret_extra_bottom": 1,
"caret_extra_top": 1,
"caret_extra_width": 1,
"caret_style": "smooth",

光标的颜色需要在所选的配色方案文件里面设置,Sublime Text 的插件包实际上是 zip 压缩文件,找到需要改的主题或者配色方案的包文件,把其扩展名改成 .zip,解压缩后找到要修改的扩展名为 .tmTheme 的对应配色设置文件(比如我用的 Base 16 配色方案中的 base16-summerfruit.dark (SL).tmTheme,那么只需要修改这个文件),其中 <key>caret</key> 部分即对应光标颜色。

设置光标颜色

光标所在行高亮显示

"highlight_line": true,

标签和括号高亮指示

利用 BracketHighlighter 插件,让光标所处位置或选定部分所对应的标签、各类括号、引号等在左侧行号那列高亮显示,这样可以很方便的指示目前所处位置,代码类型等。

标签和括号高亮指示

左侧 Sidebar 目录文件夹加粗显示

"bold_folder_labels": true,

显示代码折叠符号

让代码折叠符号一直显示(行号附近的小三角)

"fade_fold_buttons": false,

始终自动换行

"word_wrap": true

我自己的配置

下面是我的 Settings - User 的配置,仅供参考:

{
  "default_encoding": "UTF-8",
  "font_face": "YaHei Consolas Hybrid",
  "font_size": 13,
  "line_padding_bottom": 1,
  "line_padding_top": 1,
  "wide_caret": true,
  "caret_extra_bottom": 1,
  "caret_extra_top": 1,
  "caret_extra_width": 1,
  "caret_style": "smooth",
  "theme": "Flatland Dark.sublime-theme",
  "flatland_sidebar_tree_xlarge": true,
  "flatland_square_tabs": true,
  "color_scheme": "Packages/User/SublimeLinter/base16-summerfruit.dark (SL).tmTheme",
    "highlight_line": true,
    "highlight_modified_tabs": true,
  "bold_folder_labels": true,
  "fade_fold_buttons": false,
  "ignored_packages":
  [
    "Vintage"
  ],
  "word_wrap": true
}