Sublime功能拓展及插件

本是古典何须时尚 2022-06-03 07:28 195阅读 0赞

http://[blog.csdn.net/pipisorry/article/details/78868409][blog.csdn.net_pipisorry_article_details_78868409]

# Sublime基础功能及拓展 #

## 中文支持    ##

### ubuntu16.04中subline text3的中文输入法支持 ###

sudo apt-get update && sudo apt-get upgrade  
git clone https://github.com/lyfeyaj/sublime-text-imfix.git  
cd sublime-text-imfix && ./sublime-imfix

通过命令行输入subl打开subline再lock到lancher上就可以输入中文了。

有时lancher上打开总是不能输入中文，也不知为何，只能通过terminal输入subl打开才能输入中文。

\[[解决ubuntu16.04下的sublime text3不能使用中文输入法的问题][ubuntu16.04_sublime text3]\]

\[[解决Ubuntu下Sublime Text 3无法输入中文][Ubuntu_Sublime Text 3]\][  
][Link 1]

### Sublime Text 3打开txt中文乱码的解决方法 ###

Sublime Text是一个非常强大的编辑器，可是对中文的支持并不好，在Sublime Text 2 时，可以通过命令行的方式安装编码包来解决，但Sublime Text 3不能通过这样的方式解决。

在安装完Sublime Text 3后要下载一个ConvertToUTF8包，sublime中preference - browse packages打开目录将包放入（如win: C:\\Users\\用户名\\AppData\\Roaming\\Sublime Text 3\\Packages; linux: ~/.config/sublime-text-3/Packages）。重新启动Sublime Text，打开乱码文件后按 Ctrl + Shift + C 即可。\[[ConvertToUTF8包下载地址][ConvertToUTF8]\]

## 快捷调用浏览器 ##

构建系统可以让您通过外部程序来运行文件，并可以在Sublime Text查看输出。

`tools` \-> `Build System`–>`New Build System`，进行如下设置（注意后缀），保存到user目录下：

\{  
  "cmd" :\["/usr/bin/firefox","$file"\],  
  "selector":\["text.html"\]  
\}

打开html文本，修改内容后按`Ctrl+B`，可以看到自动调用`chrome`并且是修改后的内容。在`sublime Text`的`console`中可以看到输出的信息。

## **自定义sublime代码片段** ##

功能：编辑文档中输入sublime自定义字符+tab键，自动生成自定义代码或者文字什么的。

我们在开发中有很多代码是需要重复编写的，每一次都去复制粘贴显然是一件效率极其低下的事情，sublime的自定义代码片段功能就很好的解决了这个问题。

菜单栏-Tools ->developer -> New Snippet可以看到新建一个`xml`类型的描述文件，如下：

<table> 
 <tbody> 
  <tr> 
   <td><pre>
      
       
     <div>
       
        
      <span>&lt;<span>snippet</span>&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;<span>content</span>&gt;</span>&lt;![CDATA[
      
       
     </div>
      
       
     <div>
      
        
       Hello, ${1:this} is a ${2:snippet}.
      
       
     </div>
      
       
     <div>
      
        
       ]]&gt;
       
        
      <span>&lt;/<span>content</span>&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- &lt;tabTrigger&gt;hello&lt;/tabTrigger&gt; --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- Optional: Set a scope to limit where the snippet will trigger --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- &lt;scope&gt;source.python&lt;/scope&gt; --&gt;</span>
      
       
     </div>
      
       
     <div>
       
        
      <span>&lt;/<span>snippet</span>&gt;</span>
      
       
     </div></pre></td> 
  </tr> 
 </tbody> 
</table>

注释已经非常详细了，`content` 里面就是代码模版：`${序号：默认值}` 。

关于序号：序号相同的地方光标会同时停在那可以多处同时编辑。序号大小就是 `tabindex`。在实际使用代码的时候，可以使用 `tab` 切换光标位置。

以hexo新建一篇博客头部为例：

<table> 
 <tbody> 
  <tr> 
   <td><pre>
      
       
     <div>
       
        
      <span>&lt;<span>snippet</span>&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;<span>content</span>&gt;</span>
      
       
     </div>
      
       
     <div>
      
        
               &lt;![CDATA[
      
       
     </div>
      
       
     <div>
      
        
       title: ${1:标题}
      
       
     </div>
      
       
     <div>
      
        
       date: ${2:2015-12-26 15:26:17}
      
       
     </div>
      
       
     <div>
      
        
       tags: [${3:标签}]
      
       
     </div>
      
       
     <div>
      
        
       categories: [${4:分类}]
      
       
     </div>
      
       
     <div>
      
        
       ]]&gt;
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;/<span>content</span>&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- 可选：快捷键，利用Tab自动补全代码的功能 --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;<span>tabTrigger</span>&gt;</span>hexoH
       
        
      <span>&lt;/<span>tabTrigger</span>&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- 可选：使用范围，不填写代表对所有文件有效。附：source.css和test.html分别对应不同文件。 --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- &lt;scope&gt;source.md&lt;/scope&gt; --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;!-- 可选：在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。 --&gt;</span>
      
       
     </div>
      
       
     <div>    
       
        
      <span>&lt;<span>description</span>&gt;</span>hexo博客头部生成
       
        
      <span>&lt;/<span>description</span>&gt;</span>
      
       
     </div>
      
       
     <div>
       
        
      <span>&lt;/<span>snippet</span>&gt;</span>
      
       
     </div></pre></td> 
  </tr> 
 </tbody> 
</table>

设置完毕，保存代码片段，保存到`sublime的文件目录\Packages\User`，文件名任意，但文件后缀必须为`.sublime-snippet`。

现在在文档中输入`hexoH`\+tab键。文档中自动输入：

title: 标题  
date: 2015-12-26 15:26:17  
tags: \[标签\]  
categories: \[分类\]

[某小皮][Link 1]

# Sublime Text 插件 #

## 安装`package control（好像现在的sublime text3自带了）` ##

首先打开`package control`的[官方网站][Link 2]，复制网站中的一段代码(`sublimeText 3`): import urllib.reques...write(by)。依次点击 View > Show Console 打开控制台（快捷键： Ctrl+\`）。在控制台中粘贴刚才的代码，回车，等待安装，重启 。  
通过快捷键 cmd+shift+P 打开 Package Control 调用命令面板来安装其他的插件了。输入 install 然后你就能看见屏幕上出现了 Package Control: Install Package，点击回车然后搜索插件。或者使用`Ctrl+Shift+P`,打开控制面板，输入`PC`，效果如下：说明安装成功了。

[![package control][]][package control]

相关命令：  
List Packages 显示所有已安装的插件  
Remove Packages 移除一个指定的插件  
Upgrade Package 更新一个指定的插件

Upgrade/Overwrite All Packages 更新所有已安装的插件

### 如何安装插件 ###

安装完package control后。先使用Ctrl+Shift+P输入install...选择 Install Packa`ge` 。需要等待一会加载时间，输入要安装插件的前面几个字符就可以看到对应的插件了，单击就可以安装了。

安装完一般最好重启一下sublime text。

### 如何卸载插件 ###

使用Ctrl+Shift+P输入remove...选择 remove Packa`ge，再选择要卸载的package。`

## 设置：快捷键绑定 ##

使用 View–>Show console，调出console面板输入sublime.log\_commands(True)，可以得到当前使用的命令面板进行设置的值。方便进行快捷键的绑定。

菜单中进行快捷键绑定：

打开用户按键绑定文件 Preferences → Key Bindings – User， 在右侧文件中括号中复制左侧文件内容再加入类似以下代码（快捷键组合是自定义的，这里是自定义格式化快捷键）：\{"keys": \["ctrl+alt+l"\], "command": "reindent" , "args": \{"single\_line": false\}\},

Note: 1 每个不同快捷键都是以,号分割的。

2 `复制是因为***-User`：个人对于sublime\_text的定制。使用JSON格式，会直接覆盖掉`***-Default`默认设置中的内容。

## 安装主题 ##

Ctrl+Shift+P 输入PCI，Install Packa`ge` 。输入`Material或者seti_ui``或者enki（lz使用的主题）`模糊匹配到对应主题\[[官方网站查看样式][Link 3]\]。一般安装成功后，会自动弹出。

回车等待安装就好，成功后会弹出一个使用设置的页面，把其中的如下代码拷贝到`Settings-User`，保存，你会发现，默认的主题已经变成了刚刚我们查看过的主题了。

<table> 
 <tbody> 
  <tr> 
   <td><pre>
      
       
     <div>
       
        
      <span>"color_scheme"</span>: 
       
        
      <span>"Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"</span>,
      
       
     </div>
      
       
     <div>
       
        
      <span>"theme"</span>: 
       
        
      <span>"Spacegray Eighties.sublime-theme"</span>
      
       
     </div></pre></td> 
  </tr> 
 </tbody> 
</table>

当然，你也可以通过菜单栏，进行主题的选择，会有相同的效果。它会自动在`Settings-User`进行设置。

\[所有的[配色方案][Link 4]和[主题][Link 5]\]

## 格式化插件 ##

### SublimeText自带格式化代码功能（不推荐，格式化对不齐） ###

Edit - Line - Reindent

该功能并不需要选中代码之后才能执行格式化功能，其默认是格式化整个文件里的代码。

自定义格式化快捷键： Preferences → Key Bindings – User， 在右侧文件中括号中加入类似以下代码：\{"keys": \["ctrl+alt+l"\], "command": "reindent" , "args": \{"single\_line": false\}\}

**安装其它语言的格式化插件**

如果SublimeText自带的格式化代码不适合用在你所使用的语言（比如SQL、Ruby等）的话，可以通过插件的方式进行配置，具体请看下述操作：  
  
ctrl+shift+P唤出命令面板 > “install package” > 输入“format”，在弹出的列表中找到对应你所想要进行格式化操作的语言。

### 格式化插件html-css-js prettify ###

安装prettify前需要先安装其依賴node.js。（可以先设置路径看是不是已经存在，修改hcj-prettify对应的nojs路径为"linux": "/usr/bin/nodejs/bin/node"）

下载nodejs\[[Download for Linux (x64)][Download for Linux _x64]\]

tar -xf node-\*\*\*-linux-x64.tar.xz

sudo mkdir /usr/bin/nodejs

sudo mv node-\*\*\*-linux-x64/\* /usr/bin/nodejs/

确认Node.js安装路径，鼠标右键HTML/CSS/JS Prettify > Set Plugin Options，修改hcj-prettify对应的nojs路径为"linux": "/usr/bin/nodejs/bin/node"

安装html-css-js prettify

*  Ctrl+Shift+P or Cmd+Shift+P in Linux/Windows/OS X
 *  type install, select Package Control: Install Package
 *  type prettify, select HTML-CSS-JS Prettify

设置prettify快捷键

可以鼠标右键HTML/CSS/JS Prettify > pretty code 完成当前文件的美化操作。

也可以自定义一个快捷键：

如果没有修改过Packages/User/Default(linux.sublime-keymap，这样默认快捷键就是ctrl+shift+H，但是要注意不要和其它快捷键重复了，否则会不起效果；

如果修改过，则将    \{"keys": \["ctrl+alt+l"\], "command": "htmlprettify"\},  加入到user快捷键文件中就可以用了，lz设置的快捷键ctrl+alt+l。

\[[官网插件配置][Link 6]\] \[[FED社区：sublime text 3 插件：HTML-CSS-JS Prettify][FED_sublime text 3 _HTML-CSS-JS Prettify]\] \[[HTML-CSS-JS Prettify][Link 6]\] \[[使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码][Sublime Text 3_HTML-CSS-JS Prettify]\]``  
``

## `BracketHighlighter`:符号高亮 ##

插件提供行数列高亮的各种配对的语法符号，显示在行号上。点击标签/元素会显示其结束标签/元素。

安装后的配置：

在st3中按preferences-->package settings-->Bracket highlighter-->Bracket settings-Default打开配置文件。

将配置文件信息全选复制一份到Bracket settings-User。

在配置文件"bracket\_styles"中，将style改为hightlight（style有四种方式: solid、underline、outline、highlight，根据自己的习惯挑选一种）。

将"bracket\_styles"以下的样式类型全部去掉注释。

其中对应关系为：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div> 
    <div> 
     <br> 
    </div></td> 
   <td> 
    <div> 
     <div>
       {} － curly 
     </div> 
     <div>
       () － round 
     </div> 
     <div>
       [] － square 
     </div> 
     <div>
       &lt;&gt; － angle 
     </div> 
     <div>
       “” ” － quote 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

\[ [sublime text3下BracketHighlighter的配置方法][sublime text3_BracketHighlighter]\] [  
][Link 7]

[BracketHighlighter][Link 7]打开和折叠代码的某一部分就应该是这个样子的。  
[![2][]][2]

## `Color Highlighter` ：CSS颜色高亮 ##

Color Highlighter这个插件会检测CSS文件中的颜色码，不论是Hex码或者RGB码都能很好的显示。安装后默认效果是，css文件中的颜色值会使用对应的颜色显示。

当然还可以进一步设置，Color Highlighter能够设置成用背景色或者边框提示颜色：

{
     
      
     
        
      
       "ha_style": 
      
       "filled",
     
      
     
        
      
       "icons": 
      
       false
     
      
     
      
       
      }

![SouthEast][]

## Colorpicker：使用一个取色器改变颜色 ##

使用方法: ctrl + shift + c，快捷键有冲突，需修改。可以通过ctrl+shift+p：搜索Colorpicker调用。[  
][Link 8]

[ColorPicker][Link 8]通常，如果我们需要一个调色盘的时候，我们习惯使用Photoshop或是Gimp。但是一个完整的选色工具可以直接在你的编辑器中使用- Ctrl/Cmd + Shift + C。还有两个插件 [GutterColor][] 和 [ColorHighlightergutter][]可以在gutter中显示很棒的色彩高亮，简化了色彩代码的定位。  
[![13][]][13]

Note: sublime text3已经有自带的了，右键 > insert color with color picker就可以从color picker取色了。

## 其它插件推荐 ##

AdvancedNewFile：快速新建文件。

Nettuts+ Fetch：管理类库。

Sidebar Enhancements：增强侧边栏。可以在浏览器中打开，还可以配置不同文件的打开方式，快捷在不同浏览器打开。

SideBar Folders：更好的管理侧边栏文件夹

DocBlockr：代码块注释。可以快速的对函数进行注释。先写完你的函数，然后在函数的前面一行，输入/\*\*回车，自动生成代码块注释，并且在注释块中，按@键可以展开关键词。\[[sublime text 3 插件：DocBlockr与javascript注释规范][sublime text 3 _DocBlockr_javascript]\]

SublimeLinter-jshint:语法校验。

Emmet：厂商前缀。\[中文文档：[地址][Link 9]\] \[[前端开发必备！Emmet使用手册][Emmet]\][Emmet][Emmet 1]

编辑器中最流行的插件之一。Emmet，前身Zen Coding也是web开发者提高生产力最有效的方法之一。按下Tab键，Emmet就能把一个缩写展开成一个HTML和CSS代码块，我想提一下[Hayaku][]\-集合了方便的层叠样式表缩写。[  
][Link 10]

[SublimeLinter][Link 10]，让 Sublime 足以媲美 IDE 的重要插件 —— 代码实时错误提示。

CSS3:CSS3语法高亮。

CSScomb : CSS属性排序

Markdown Editing 和 Markdown Preview，实现预览MD。

JavaScript Completions和JavaScript & NodeJS Snippets。输入提示，代码补全

better-completions: 涵盖了html, jquery，javascript，Bootstrap的代码片段。

liveReload：文件保存浏览器即时刷新！

### [WebInspector][] ###

在 JavaScript调试方面，这是一个令人惊讶的工具，Sublime上的完整的代码检查工具。  
功能：使用绝对路径储存在用户设置中的项目断点，控制台，分步和断点调试器，栈追踪。这些都能够很棒的工作！而且Mozilla还提供了一个插件[Fireplay][]让你连接到Firefox 开发工具和最简单的调试器[JSHint][]。[视频][Link 11]

[包含最棒的技巧的视频，来自项目作者][Link 12]。[Git][]

这个插件的实质，看一下它的名字就知道了–它提供了使用我们的最爱的编辑器直接和Git协同工作的机会。使用这种方式与Git协同工作会节省您大量的时间。首先：您不需要时常的在Sublime和终端间相互切换。另外：它具有tag自动补全功能，写add就足够了，而不是git add -A。第三点：它具有快速提交功能(quick)，一个命令添加所有变化并全部提交。

如果你只是想利用Git来获取远程仓库的内容，我推荐使用[Nettuts+ Fetch][Nettuts_ Fetch].

有个叫[Glue][]的插件，会在界面下方显示一个小窗口，你可以在那里写Shell脚本。这样一来，你的编辑器就不仅仅局限于使用Git了。

### [GitGutter][] & [Modific][] ###

这些插件可以高亮相对于上次提交有所变动的行，换句话说是实时的diff工具。  
[![1][]][1]

### [EditorConfig][] ###

[![3][]][3]

EditorConfig帮助开发者在不同的编辑器，IDE之间定义和维护统一的编程风格。EditorConfig工程包含一个文件，定义了编程风格，文本编辑器插件集合，让编辑器可以读取该文件并依照它来定义风格。例如.editorconfig文件：

<table style="border-collapse:collapse; border-spacing:0px; width:610px; border:0px!important; margin:0px!important; padding:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important"> 
 <tbody style="border:0px!important; margin:0px!important; padding:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
  <tr style="border:0px!important; margin:0px!important; padding:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
   <td style="border:0px!important; margin:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important"> 
    <div style="border-width:0px 3px 0px 0px!important; border-right-style:solid!important; border-right-color:rgb(108,226,108)!important; margin:0px!important; padding:0px 0.5em 0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; text-align:right!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
     <br> 
    </div></td> 
   <td style="width:575px; border:0px!important; margin:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; min-height:auto!important"> 
    <div style="margin-left:-10px; width:640px; border:0px!important; margin-top:0px!important; margin-right:0px!important; margin-bottom:0px!important; padding:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:relative!important; right:auto!important; top:auto!important; vertical-align:baseline!important; min-height:auto!important"> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important"># top-most EditorConfig file</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">root = true</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">
       &nbsp; 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important"># Unix-style newlines with a newline ending every file</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">[*]</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">end_of_line = lf</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">insert_final_newline = true</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">
       &nbsp; 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important"># 4 space indentation</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">[*.py]</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_style = space</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_size = 4</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">
       &nbsp; 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important"># Tab indentation (no size specified)</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">[*.js]</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_style = tab</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">
       &nbsp; 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important"># Indentation override for all JS under lib directory</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">[lib/**.js]</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_style = space</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_size = 2</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important">
       &nbsp; 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important"># Matches the exact files either package.json or .travis.yml</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">[{package.json,.travis.yml}]</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_style = space</span></span> 
     </div> 
     <div style="border:0px!important; margin:0px!important; padding:0px 1em!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important"> 
      <span style="font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;"><span style="border-style:initial!important; border-color:initial!important; line-height:1.1em!important; min-height:auto!important">indent_size = 2</span></span> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

### [Sublimall][] ###

一个简洁的插件，可以让你在不同的Sublime Text 编辑器间同步所有的配置（设置，插件，打开的文件等等）所有的一切都是免费的，你只需要创建一个账户即可。是[BufferScroll][]的一个更简约的替代品。

[![4][]][4]

译者注：现在暂时无法注册  
>Max registration reach  
I’m sorry about that, don’t forget that it’s a beta version of Sublimall.  
Registrations will been soon re-opened!  
Geoffrey.

### [AllAutocomplete][] ###

传统的Sublime Text自动补全插件仅仅在当前文件下工作。AllAutocomplete 可以搜索全部打开的标签页，这将极大的简化开发进程。当然，还有一个插件叫 [CodeIntel][]，实现了一些IDE的功能并且为一些语言提供了“代码情报”： JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.  
[![5][]][5]

### [SublimeREPL][] ###

对开发者来讲这个可能是最有用的插件之一了。SublimeREPL 可以直接在编辑器中运行一个解释器，支持很多语言：  
Clojure, CoffeeScript, F\#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell  
[![6][]][6]

### [Floobits][] ###

[![7][]][7]  
SublimeText, Vim, Emacs, IntelliJ IDEA极佳的扩展工具，它使得开发者可以在从不同的编辑器合作编写代码。

### [AutoFileName][] ###

自动补全文件路径-非常方便。没有废话。  
[![8][]][8]

### [Colorcoder][] ###

高亮所有变量，因此可以极大的简化代码定位。尤其是对那些有阅读障碍的程序员非常有帮助。  
[![9][]][9]

#### [PlainTasks][] ####

杰出的待办事项表！所有的任务都保持在文件中，所以可以很方便的把任务和项目绑定在一起。可以创建项目，贴标签，设置日期。有竞争力的用户界面和快捷键。  
[![10][]][10]

### [MarkdownEditing][] ###

可能是Markdonw最好的插件了：语法高亮，缩略词，自动补全，配色方案。你也可以尝试使用[MarkdownPreview][]作为替代解决方案。  
[![11][]][11]

其它

*  [Sublime SFTP][]
 *  [CTags][] – 让Sublime Text支持CTags.
 *  [SideBarEnhancement][] – 为侧边栏添加很多额外的功能.
 *  [ActualVim][] – Vim in Sublime – 两个最爱的编辑器合二为一.
 *  [SublimeLinter][] – 行内语法检测插件，支持： C/C++, Java, Python, PHP, JS, HTML, CSS, etc.
 *  [CSScomb][] – CSS代码风格格式化.
 *  [FixMyJS][], [Jsfmt][] and [JsFormat][] – JS/JSON代码风格格式化.
 *  [AStyleFormatter][] – C/C++/C\#/Java 代码风格格式化.
 *  [SVG-Snippets][] – 一套 SVG 代码片段.
 *  [Inc-Dec-Value][] – 增加或减少数字, 日期, 十六进制彩色值等等。
 *  [Trailing Spaces][] – 高亮空白结尾并快速删除它们
 *  [Alignment][] – Package Control作者写的简单到极致的多行选择和多行选择对齐插件
 *  [Placeholders][] – 带有文本，图片，列表，表格等的占位用代码片段
 *  [ApplySynta][][x][ApplySynta] – 快速语法检测
 *  [StylToken][] – 允许以不同的颜色高亮特定的一段文本 (类似和notepad++ 的Style token功能).
 *  [EasyMotion][] – 快速跳转到任何当前激活视图而已看到区域的字符
 *  [ZenTabs][] 和[Advanced?New?File][Advanced_New_File] – 改进默认tab样式和文件创建.
 *  [EncodingHelper][] – 猜测文本的编码方式，在状态栏显示，从不同的编码形式转换到UTF-8
 *  [Gist][] – 同步GitHub Gist和Sublime (ST2).
 *  [Clipboard History][] (ST2) – 为的剪切板保存历史记录

from: [http://blog.csdn.net/pipisorry/article/details/78868409][blog.csdn.net_pipisorry_article_details_78868409]

ref:\[[一个前端程序猿的Sublime Text3的自我修养][Sublime Text3]\]

\[[推荐！Sublime Text 最佳插件列表][Sublime Text]\]

[blog.csdn.net_pipisorry_article_details_78868409]: http://blog.csdn.net/pipisorry/article/details/78868409
[ubuntu16.04_sublime text3]: http://qkxue.net/info/146331/ubuntu-sublime-text-16-04-3
[Ubuntu_Sublime Text 3]: http://www.jianshu.com/p/bf05fb3a4709
[Link 1]: http://my.csdn.net/
[ConvertToUTF8]: http://download.csdn.net/detail/pipisorry/7737389
[Link 2]: https://packagecontrol.io/installation
[package control]: https://ws1.sinaimg.cn/large/82d12951gy1fewiql1jepj20c50arwf8.jpg
[Link 3]: https://packagecontrol.io
[Link 4]: https://github.com/daylerees/colour-schemes
[Link 5]: http://colorsublime.com/
[Download for Linux _x64]: https://nodejs.org/en/#download
[Link 6]: https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify
[FED_sublime text 3 _HTML-CSS-JS Prettify]: http://frontenddev.org/article/sublime-does-text-three-plug-ins-html-and-css-js-prettify.html
[Sublime Text 3_HTML-CSS-JS Prettify]: https://segmentfault.com/a/1190000000666502
[sublime text3_BracketHighlighter]: http://www.cnblogs.com/liu-l/p/3866458.html
[Link 7]: https://sublime.wbond.net/packages/BracketHighlighter
[2]: /images/20220603/75b93698f5cb4bc0a9e0562586affa50.png
[SouthEast]: /images/20220603/906769d2a89d461b8b9f8d0b03ae832f.png
[Link 8]: http://weslly.github.io/ColorPicker/
[GutterColor]: https://github.com/ggordan/GutterColor
[ColorHighlightergutter]: https://github.com/Monnoroch/ColorHighlighter
[13]: /images/20220603/019ccc1ced5f4b98a93c257f83790487.png
[sublime text 3 _DocBlockr_javascript]: http://frontenddev.org/article/sublime-does-text-3-plug-in-docblockr-with-javascript-comments-specification.html
[Link 9]: https://yanxyz.github.io/emmet-docs/css-abbreviations/vendor-prefixes/
[Emmet]: http://www.w3cplus.com/tools/emmet-cheat-sheet.html
[Emmet 1]: http://ipestov.com/the-best-plugins-for-sublime-text/
[Hayaku]: https://github.com/hayaku/hayaku
[Link 10]: https://packagecontrol.io/packages/SublimeLinter
[WebInspector]: https://github.com/sokolovstas/SublimeWebInspector
[Fireplay]: https://github.com/mozilla/fireplay-sublime
[JSHint]: https://github.com/uipoet/sublime-jshint
[Link 11]: http://www.youtube.com/watch?v=LaH_43N34Jg
[Link 12]: http://www.youtube.com/watch?v=sxW-V24MTXI
[Git]: https://github.com/kemayo/sublime-text-git
[Nettuts_ Fetch]: https://sublime.wbond.net/packages/Nettuts%2B%20Fetch
[Glue]: https://github.com/chrissimpkins/glue
[GitGutter]: https://github.com/jisaacks/GitGutter
[Modific]: https://github.com/gornostal/Modific
[1]: /images/20220603/a8b5ea3f6a4444908aba81caa1848e42.png
[EditorConfig]: https://github.com/sindresorhus/editorconfig-sublime
[3]: /images/20220603/26013a179a144cc29966c0d380399b6b.png
[Sublimall]: https://sublimall.org/
[BufferScroll]: https://github.com/titoBouzout/BufferScroll
[4]: /images/20220603/75b9c8522fa744bc8f3faa260950e5c6.png
[AllAutocomplete]: https://github.com/alienhard/SublimeAllAutocomplete
[CodeIntel]: https://github.com/SublimeCodeIntel/SublimeCodeIntel
[5]: /images/20220603/5a0f4a90761146f4b8fd4753196518ed.png
[SublimeREPL]: https://github.com/wuub/SublimeREPL
[6]: /images/20220603/cadfa80dcd404bdc9fac95ecda933cb3.png
[Floobits]: https://floobits.com/
[7]: /images/20220603/adb3146d21134cd580e5532cd541e472.png
[AutoFileName]: https://github.com/BoundInCode/AutoFileName
[8]: /images/20220603/7f029eb3284f460b8aa7fe9b446c83cb.png
[Colorcoder]: https://github.com/vprimachenko/Sublime-Colorcoder
[9]: /images/20220603/1739c32e6bc34ab0b53c12d3c699dff4.png
[PlainTasks]: https://github.com/aziz/PlainTasks
[10]: /images/20220603/2163863fc1fa4502bdff33b105adaae9.png
[MarkdownEditing]: https://github.com/ttscoff/MarkdownEditing
[MarkdownPreview]: https://github.com/revolunet/sublimetext-markdown-preview
[11]: /images/20220603/5ad0e5ebeb3642bc99aaf70f01cc641a.png
[Sublime SFTP]: http://wbond.net/sublime_packages/sftp
[CTags]: https://github.com/SublimeText/CTags
[SideBarEnhancement]: https://github.com/titoBouzout/SideBarEnhancements
[ActualVim]: https://github.com/lunixbochs/actualvim
[SublimeLinter]: http://github.com/SublimeLinter/SublimeLinter
[CSScomb]: https://github.com/csscomb/sublime-csscomb
[FixMyJS]: https://github.com/jshint/fixmyjs
[Jsfmt]: https://github.com/paulirish/sublime-jsfmt
[JsFormat]: https://github.com/jdc0589/JsFormat
[AStyleFormatter]: https://github.com/timonwong/SublimeAStyleFormatter
[SVG-Snippets]: https://github.com/jorgeatgu/SVG-Snippets
[Inc-Dec-Value]: https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value
[Trailing Spaces]: https://github.com/SublimeText/TrailingSpaces
[Alignment]: http://wbond.net/sublime_packages/alignment
[Placeholders]: https://github.com/mrmartineau/Placeholders
[ApplySynta]: https://github.com/facelessuser/ApplySyntax
[StylToken]: https://github.com/vcharnahrebel/style-token
[EasyMotion]: https://github.com/tednaleid/sublime-EasyMotion
[ZenTabs]: https://github.com/travmik/ZenTabs
[Advanced_New_File]: https://github.com/skuroda/Sublime-AdvancedNewFile
[EncodingHelper]: https://github.com/SublimeText/EncodingHelper
[Gist]: https://github.com/condemil/Gist
[Clipboard History]: https://github.com/kemayo/sublime-text-2-clipboard-history
[Sublime Text3]: http://blog.guowenfh.com/2015/12/26/SublimeText/
[Sublime Text]: http://blog.jobbole.com/79326/