sublime的使用技巧以及插件

这是一个介绍sublime使用的合集，从sublime的入门，到sublime的高级应用，以及各种配置，希望能够对你有些帮助。
sublime是一款非常优秀的编辑器，结合其庞大的插件库，配置好了能使你编程效率提高N倍

php开发者的sublime插件和配置

作为一个php开发者，换工作环境的时候可能会重新配置编辑器，这里给出一个比较好的环境（也是我的常用环境）。

配置篇

每家公司都会有内部的规范，但是只要公司不是特别奇葩，那么规范一般是大同小异。根据规范来设定编辑器，那么写出来的代码则很容易符合规范了。此外，一个设置好的编辑器能够大大提高编码效率！

下面是我的配置，可以根据注释自行调整

{
    // 粗体文本
    "bold_folder_labels": true,
    // 显示所有的空白字符，这样可以看出空格和tab
    "draw_white_space": "all",
    // 设置字体
    "font_size": 15,
    "ignored_packages": [
        "Vintage"
    ],
    // 全屏打开
    "remember_full_screen": true,
    // 记住打开的文件
    "remember_open_files": true,
    // 标尺
    "rulers": [
        80
    ],
    // 显示文件的编码
    "show_encoding": true,
    // 在标题栏显示完整路径
    "show_full_path": true,
    // 关闭拼写检查
    "spell_check": false,
    // 设置tabsize为4个空格
    "tab_size": 4,
    // 转换tab为空格
    "translate_tabs_to_spaces": true,
    // 避免自动拆行
    "word_wrap": false
}

一个通用配置的意义在于无论在那些机器上，都能有一个熟悉的环境来安心写代码。不会因为编辑器的别扭带来的不适感。 （更多…）

Sublime 自定义快捷键

sublime插件丰富，当我们安装了诸多插件之后，发现要使用其中的功能还得用鼠标去点，这岂不是太麻烦了，让我们来自定义快捷键吧！

写在前面

在写这篇文章之前，我也为自定义快捷键感到无从下手，而在网上搜索千篇一律的都是打开Preferences->key bindings user,添加一些东西进去，比如等等，这个command是什么玩意？

比如下面

{ "keys": ["ctrl+alt+down"], "command":"duplicate_line" },

等等，这个command是什么？我要去哪儿找？我安装了一个新的插件，能使用快捷键吗？等等一系列的疑问，从未有人解答过，可能一些文章都是抄袭拼凑吧。

如何查找Commands

比如我安装了一个php code sniffer，想要使用一个快捷键来对代码进行检测，然而这个command是什么？看来只能去查看官方文档。 （更多…）

使用sublime+platuml高效画图

程序员难免要经常画流程图，状态图，时序图等。以前经常用 visio 画，经常为矩形画多大，摆放在哪等问题费脑筋。有时候修改文字后，为了较好的显示效果不得不再去修改图形。今天介绍的工具是如何使用 Sublime + PlantUML 的插件画流程图，状态图，时序图等。这是一种程序员看了就会爱上的画图方式：自然，高效。

什么是 PlantUML

PlantUML 是一个画图脚本语言，用它可以快速地画出：

  • 时序图
  • 流程图
  • 用例图
  • 状态图
  • 组件图

简单地讲，我们使用 visio 画图时需要一个一个图去画，但使用 PlantUML 只需要用文字表达出图的内容，然后就可以直接生成图片。看一个最简单的例子： （更多…）

sublime merge和diff的插件sublimemerge pro

一直使用的是beyond compare这个软件来作为比对和合并工具，不可否认，在用git的时候，配置这款工具比对确实很省事。现在我在用sublime写代码，在写的过程中可能涉及到和以前的代码版本做比对，这个时候还要打开这个软件那可不是我想要干的，插件众多的sublime我想这个比对插件肯定是有的吧，于是就找到了sublimemerge pro这款插件。

直接 ctrl + alt + p 输入install package…，搜索sublimemerge，安装即可。如果对安装方法不清楚可以查看sublime安装插件的教程。

（更多…）

让sublime支持less css，以及支持压缩css的less插件

要想让sublime支持less，不仅仅是装个sublime插件就完事了啊！

事情的经过还是颇为曲折的。

第一步：安装nodejs

首先先配置一下环境，less需要nodejs支持，所以我们先要安装一下nodejs。到nodejs官网下载就可以了：https://nodejs.org/en/

第二步：安装less插件

由于我的是windows，所以打开cmd啦，用npm安装less，命令为：

npm install -g less@latest （更多…）

让sublime支持php，python等脚本的执行

sublime有自己的Build系统，默认的快捷键是ctrl+b。

只需要定制对应语言的执行命令，就可以支持各个语言的编译，执行了。

这里对几种主流的脚本语言执行做一些教程。

打开Tools->Build System -> New Build System  …

插入对应的json格式的配置即可

php

{
    "cmd": ["php", "$file"],
    "file_regex": "php$",
    "selector": "source.php"
}

保存为php.sublime-build，这下执行php不用老是跑去刷网页了，也不用老是开cmd窗口了。 （更多…）

让sublime支持c/c++语言的编译

sublime只是一个编辑器，让sublime支持c或者c++则是通过设定sublime快捷键调用相关的命令，达到编辑和执行c代码的目的。

首先需要下载一个c语言的编译器，对于 Windows 和 Linux 来说可以采用 gcc 。

For Windows:下载安装MinGW，然后在系统环境变量中添加

C:\MinGW\bin

（假设你把 MinGW安装在 C 盘），你安装到哪个路径就写哪个路径，别傻乎乎的直接复制啦，不然没用哦。

验证一下是否成功。win+r（win就是徽标），输入cmd，打开cmd窗口之后输入gcc -v看看，如果有gcc的信息说明成功了，如果显示gcc不是内部或外部命令，也不是可运行的程序那就是环境变量添加错啦！仔细检查一下呗。

最后在Sublime Text 2中Tools –> Build System –> New Build System…输入如下内容并保存为c.sublime-build （更多…）

sublime text自定义快捷键的方法

sublime text如何定义快捷键呢？下面来给出方法

sublime text2和sublime text3自定义快捷键的方法是一样的。打开Preferrences -> Key Bindings-User  这个就是用户自定义快捷键的配置文件了。可以参照  Preferrences -> Key Bindings-Default 这个系统默认的快捷键配置，里面就是一个大大的json啦。

不懂json？那不行，必须得学！

{ "keys": ["ctrl+shift+n"], "command": "new_window" }

keys对应的就是快捷键啦，而command对应的就是sublime的命令。如果想要修改快捷键，直接修改对应的keys里面的快捷键就可以啦。

如何查看command请查阅 http://imhuchao.com/965.html

（更多…）

sublime安装插件的方法

sublime安装插件非常简单。主要方式有两种

1.直接安装

打开菜单栏里的“Preferences”—>”Browse Packages”，打开包的位置

43a7d933c895d143c26dab9071f082025aaf076d

 

2.通过Package Control来安装

如果没有安装package control，那么可以查看这篇文章：sublime安装package control，让插件安装更简单

已经安装package control的，点击菜单栏的“Preferences”–>”Package Control”,或者可以使用快捷键ctrl+shift+p 打开（mac使用cmd+shift+p）。

在打开的终端窗口，输入“install”,下方就会提示“Package Control:install package”,用鼠标点击。

这时候等待几秒，就会弹出一个终端，在终端输入你想要安装的插件，这里我以“AlignMent”插件为例，点击下方，就会自动会为你安装插件了。

重启Sublime Text3就会看到我们刚才安装的AlignMent插件了

sublime优秀插件推荐

最佳的Sublime Text 插件

朋友们你们好！我尝试着收集了最佳的ST插件，这些插件真的会改善你的工作流程。我搜索了很多网站，下面是我的成果。

WebInspector

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

（更多…）