Sublime Text 3 自用配置分享

July 22, 2017   Sublime Text 3 应用分享

之前重装了系统,忘记备份 Sublime Text 3 了,结果主题、插件和用户配置全没了,又花很长时间恢复。为了避免再犯,把我的配置写到博客上,做个备份。(其实当初用个 Portable 的就好了)

要安装主题和插件需要先自行安装 Package Control,安装方法请自行搜索。

主题

Material Theme

软件皮肤,效果如图所示,黑蓝配色,扁平按钮,配合推荐的文件图标插件,挺好看的。装好以后可以通过 首选项— Package Setting 进行激活和设置。

Theme - One Dark

当初即使是卡的 shi 一样都要用 Atom 的理由就是它的代码高亮,配色是真心好看,带点荧光的感觉但是又不刺眼,用的颜色很多但是不凌乱,给人一种安然且富有生气的感觉。不会像自带的配色那样透出一股中年男人的味道。

插件

以下插件中部分依赖 Nodejs,若环境正常仍报错请检查系统变量中是否已添加 Nodejs 目录。以下插件中有的是没什么用,只是装着玩的。

Autoprefixer

给 CSS 中的一些 CSS3 属性加前缀,具体是哪些我也不记得了,有个工具帮忙不用重复写属性,很方便。可以通过 Package Setting 设定保存时自动加前缀。

Babel

支援 JSX 格式的代码高亮,支持 ES6 的语法和代码提示,通过自行配置还能支持其他版本。

Chinese Localizations

为 ST3 的菜单项提供中文支持。

Clipboard Manager

管理剪贴板记录,复制了很多东西并且有的要复用的时候挺方便的。

Color Highlighter

鼠标点击的时候显示 CSS 里的颜色值的颜色,像这样:

ColorPicker

选中一个颜色值,右键可以呼出一个取色器。

CSSComb

定制自己的 CSS 代码风格,例如什么地方要换行什么地方加空格,在 CSS 文件里运行即可把它变成自己的代码风格,还可以对规则和属性值排序。

Git

集成 Git 支持,可以通过 Ctrl + Shift + P 进行 Git 操作,并且能在状态栏显示该文件所在仓库的情况。

IMESupport

让输入法候选条跟着光标走。

JSFormat

也是定制自己的代码风格,通过配置可以在保存时自动运行。

SFTP

启用对 SFTP 的支持,可以编辑服务器里的文件。

SublimeTmpl

内置各种代码语言的模板,新建文件的时候方便初始化。

Terminal

右击文件树里的文件或文件夹,可以用终端打开所在的文件夹。

TOML

增加对 TOML 语言的支持,包括代码高亮及代码提示。Jade 插件、SCSS 插件同理。

用户配置

用户配置在 首选项—设置 中编辑,各设置项的含义可以看弹出的设置窗口的左边。以下是我的配置。

{
  "always_show_minimap_viewport": true,
  "animation_enabled": false,

  // 光标配置
  "caret_extra_bottom": 1,
  "caret_extra_top": 2,
  "caret_extra_width": 1,
  "caret_style": "blink",

  // 代码高亮主题
  "color_scheme": "Packages/Theme - One Dark/One Dark.tmTheme",

  "draw_minimap_border": true,
  "draw_white_space": "none",
  "ensure_newline_at_eof_on_save": true,

  // 字体配置,此字体可搜索下载
  "font_face": "Source_Code_Pro-雅黑 混合体",
  "font_size": 11,

  "highlight_line": true,
  "ignored_packages":
  [
    "Vintage"
  ],

  // 各种间距设置
  "line_padding_bottom": 1,
  "line_padding_top": 2,
  "margin": 0,

  "match_selection": false,

  // Material Theme 的设置
  "material_theme_accent_cyan": true,
  "material_theme_big_fileicons": true,
  "material_theme_bright_scrollbars": true,
  "material_theme_compact_sidebar": true,
  "material_theme_contrast_mode": true,
  "material_theme_small_statusbar": true,
  "material_theme_small_tab": true,

  "scroll_past_end": false,
  "show_encoding": true,
  "show_line_endings": true,
  "show_scroll_tabs": true,
  "show_tabs_dropdown": true,
  "tab_size": 2,

  // 主题选择
  "theme": "Material-Theme.sublime-theme",

  "translate_tabs_to_spaces": true,
  "tree_animation_enabled": false
}

打个硬广:Ben Wong 的 Telegram 频道正式开启啦,日常推送博客更新、GitHub 仓库更新,偶尔发有趣的书影音,欢迎 加入

打赏支持

你可以点击 此处,扫描二维码给我打赏两块钱。简单几步,你就能让我在买煎饼时奢侈地多加一个鸡蛋:)