Erik's Blog

Sublime Text 插件指南

(更新于 )Editor#Sublime Text

Sublime Text 插件安装方式

  • 直接安装

直接下载安装包解压缩或 clone Repository 到 Packages 目录。 Packages 目录可以在程序里直选择 Preferences -> Browse Packages... 打开，或使用文件资源管理器打开%APPDATA%\Roaming\Sublime Text 3\Packages。

  • 使用 Package Control 安装

安装 Package Control，然后按下 Ctrl + Shift + P 调出命令面板，输入 Package Control:Install Package，然后在列表中选择要安装的插件。 所有插件可以在 https://packagecontrol.io/ 找到。

  • 使用 Github 的 repository 安装

按下 Ctrl + Shift + P 调出命令面板，输入 Package Control:Add Repository，输入插件的 Github 地址， 然后再次按下 Ctrl + Shift + P 调出命令面板，输入 Package Control:Install Package 安装刚添加的Repository里面的插件。

使用代理

如果网络被墙的话，可以通过使用 VPN 或者使用代理解决。HTTP代理可以在 Preferences --> Settings-User 中设置。Shadowsocks代理配置如下：

"http_proxy": "http://localhost:1080",
"https_proxy": "http://localhost:1080",

主题、配色及管理插件

主题管理插件 Themr

Themr allows you to quickly change your UI theme using the command palette or keyboard shortcuts. With Themr, you get commands to easily cycle forward, backward and randomly through your available themes.

Themr 是一个主题管理插件，可以使用快捷键快速地进行主题切换。默认快捷键如下：

快捷键 功能
Ctrl + F5 按字母顺序列出所有可用主题
Ctrl + F7 下一个主题
Ctrl + F8 上一个主题
Ctrl + F10 随机应用一个主题

主题

Sublime 主题可以在 PackageControl主题页 查找。 安装后可通过编辑 Settings-User 改变主题和配色。 以下为我所使用的主题：

  {
    "theme": "Material-Theme.sublime-theme",
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
  }
{
  "color_scheme": "Packages/Theme - Midnight/Midnight.dark.tmTheme",
  "theme": "Midnight.sublime-theme",
}
{
  "theme": "Spacegray.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
}

Sublime 增强插件

  • SideBarEnhancements : SideBar增强，会在FOLDERS右键菜单上多出很多选项。

  • AdvancedNewFile : Ctrl + Alt + N 新建文件，ctrl + shift + alt + N 新建文件（包含__init__.py)。可以配置新建文件的附属文件，直接生成一个工程都可以。

  • Bracket​Highlighter : 括号和标签高亮。

  • TrailingSpaces : 高亮显示尾部多余的空格。

  • WordCount : 可以实时显示当前文件的字数。安装后，在状态栏显示字数、页数、行数、列数等，可配置。

  • EncodingHelper : 编码转换插件。安装后，点击右下角的 UTT-8 可以显示转换菜单。

  • ConvertToUTF8 : 添加对GB2312，GBK，BIG5，EUC-KR，EUC-JP 等编码的支持及转换，使用File>Set File Encoding to进行编码转换。

  • DocBlockr : 文档注释。支持/** 或 ###* (Coffee-Script) /*。

  • All Autocomplete : 在当前窗口所有打开的文件中匹配补全。

  • Sublime​Code​Intel : 多语言自动补全。

  • GitSavvy : 非常不错的一个 git 和 GitHub 插件。

  • Side​Bar​Git : 添加Git命令到侧边栏。

  • GitGutter : 显示每行 Git 状态，使用 Ctrl + Shift + Alt + J/K 在修改之间跳转。

  • FileDiffs : 比较剪贴板中复制的数据，或工程中的文件，当前打开的文件等。

  • Terminal : 在当前文件夹内打开 Terminal，快捷键 Ctrl + Shift + T。

Windows 系统默认为 PowerShell，可在 Preferences -> Package Settings -> Terminal -> Settings – User 中进行自定义，如：

{
  // Replace with your own path to mintty.exe
  "terminal": "D:\\cygwin64\\bin\\mintty.exe",
  "parameters": ["-i", "/favicon.ico", "-e", "zsh"]
}

Linter

  • SublimeLinter : Linter 框架，安装 SublimeLinter-xxx 前必须安装 SublimeLinter。

根据所要编辑的语言可以在 https://packagecontrol.io/search/%E2%80%8BSublimeLinter 选择不同的 Linter

前端插件

JavaScript Snippets

  • JavaScriptSnippets
  • Java​Script Patterns
  • JavaScript Completions
  • Java​Script & Node​JS Snippets
  • Java​Script​Next - ES6 Syntax
  • Java​Script & Coffeescript Build Systems [doc]

Markdown 插件

注：如果你安装完之后，遇到了如下的错误，那么你安装的时候可能开着一个Markdown文件，所以卸载完之后在不打开Markdown的情况下再次安装就可以解决了。

快捷键

快捷键 描述
Ctrl + Win + V 插入inline link：[选中的内容](剪贴板中的内容)
Ctrl + Win + R 插入reference link：[选中的内容]: 剪贴板中的内容
Ctrl + Win + K 插入standard inline link：[]()
Shift + Win + K 插入inline image：![]()
Ctrl + Shift + B 粗体
Ctrl + Shift + I 斜体
Ctrl + 1...6 1-6级标题
Ctrl + Shift + 6 在光标处插入一个footnote，跳转到definition或marker
Alt + Shift + F 定位没有定义的 footnote 标签，插入定义的标签
Alt + Shift + G 插入没有标签的定义

  • Table Editor : Markdown表格自动对齐。在命令面板打开这个功能，然后用tab来自动完成表格间的切换和下一行表格的生成。

  • MarkdownPreview : 按CTRL + B生成网页HTML；在最前面添加[TOC]自动生成目录。

  • Markdown Extended : Markdown 语法高亮

  • Extends Monokai : Markdown主题，支持对多种语言的高亮

  • Omni​Markup​Previewer : 实时在浏览器中预览，快捷键如下：

快捷键 描述
Ctrl + Alt + O Preview Markup in Browser.
Ctrl + Alt + X Export Markup as HTML.
Ctrl + Alt + C Copy Markup as HTML.

实时在浏览器中显示编辑的文档