1
整理平时常用的一些SublimeText常用的开发插件,不定期更新

ConvertToUTF8

中文编码GBK转换为UTF8,直接CMD+Shitf+P搜索安装即可

SideBarEnhancements

增强ST侧边栏功能必备插件

Alignment

一款代码格式对齐插件,默认快捷键是ctrl+cmd+a如果使用QQ建议改一下QQ的快捷键。因为这3个键如果在Windows平台上我使用的是ctrl+alt+a和OSX上面位置一样,用着很顺手。

    var name = "sublimt"
    var version = "2.0.1"
    var title = "sublime text"
    -----格式化后-----
    var name    = "sublimt"
    var version = "2.0.1"
    var title   = "sublime text"

Function Name Display

看名字就是知道,这是一款可以在状态栏左下角显示当前方法函数名或者是方法名的一个小插件,直接安装即可

AdvancedNewFile 链接

在新建文件或者是文件夹的时候一般都是都是右键侧边栏进行操作。但是安装了这个插件以后就可以类似的模拟linux下的建立文件方式了。
只要使用OSX下使用cmd+alt+n即可打开输入框 win下使用ctrl+alt+n

如果一个侧边栏中有多个project那么直接数据project name就可以定位到此project,注意大小写
图片描述

ctags [链接]()

代码跳转神器。因为不太喜欢IDE的臃肿所以这个插件对于ST来说也是必备插件

  1. 使用cmd+shift+p安装ctags插件
  2. 安装ctags程序

    1. http://ctags.sourceforge.net 下载安装包
    2. 下载ctags-5.8.tar.gz后解压编译。编译3步走,不在介绍
  3. 简单配置一下sublimetext ctags。默认ctags安装在了/usr/local/bin/ctags 打开
    ctags setting
    将"command"设置为/usr/local/bin/ctags "command": "/usr/local/bin/ctags",
  4. 参考 Mac OSX下Sublime Text配置使用Ctags实现代码跳转

Codeigniter Utilities

CI框架辅助插件,可以直接输入ci然后进行选择进行快速补全

DocBlockr

函数方法注释,可以进行配置,以便于定制要生成的注释、比如可以自定义方法创建的日期和作者名称

这个插件默认安装后就可以很好的工作。但是我在使用了很长一段时间后发现有2个地方用着很难受。

  • 当已经注释了一行后,再次按“回车键”那么会自动加上注释符号(//)
  • 当已经注释了一行后,如果按ctrl+enter那么会出现下面这样的东西

    ////////////////////
    // dump($result); //
    ////////////////////

所以分别加入2行配置就可以了。首先打开Preferences->DocBlockr->Settings-User加入下面2行

"jsdocs_extend_double_slash": false, //对应第一个问题
"jsdocs_decorate": false, //对应第二个问题

Bracket​Highlighter 链接

具体设置可以参看官方文档

All Autocomplete 链接

比自带的快速补全更强大,他可以在所有打开的tab中补全你的当前输入

sublimelinter

"show_errors_on_save": true, 这个选项修改为true在保存的时候提示错误行号
paths里填写php路径

"paths": {
            "linux": [],
            "osx": ["/usr/bin"],
            "windows": []
        },

参考:https://www.onlyke.com/html/4...


SyncedSidebarBg 链接

自动同步侧边栏底色为编辑窗口底色
直接安装即可。对于我来说比如一个喜欢的配色,如果安装的主题和喜欢的配色不搭,这个插件就可以很好的把color scheme的颜色同步到侧边栏了.

SyncedSideBar

同步当前打开的文件在侧边栏中的位置

设置代理

点击Preferences > Package Settings > Package Control > Settings – User,在配置文件中输入以下内容:

{
    "http_proxy": "http://proxy.domain.com:8080",
    "https_proxy": "http://proxy.domain.com:8080"
}

Laravel Blade Space

在blade模板中渲染变量时在花括号中加入空格

比如我在<link rel="stylesheet" href="">
光标定位到href属性上的时候,按{{即可完成{{ }}的操作。同样支持{{{自动补全为{{{ }}}{{--补全为{{-- --}}
如果使用的是laravel5那么还支持输入{!!自动补全为{!! !!}}
具体也可以看插件地址的How it works说明


一个向往前端的后端工程师
1.3k 声望46 粉丝

一个向往前端的后端工程师


引用和评论

0 条评论