sublime 插件安装

<meta charset="utf-8">

  • 设置空格可视化

1、菜单栏Preferences->Settings - Default打开默认设置;

2、拷贝默认设置中"draw_white_space": "selection",到Preferences->Settings - User并改为"draw_white_space": "all",保存

  • 设置tab转换为4个空格

1、菜单栏Preferences->Settings - Default打开默认设置;

2、拷贝默认设置中"translate_tabs_to_spaces": false,到Preferences->Settings - User并改为"translate_tabs_to_spaces": true,保存

  • 创建PHP编译系统

添加 PHP 的 build system,Tools->Build System-> New Build System :

新建一个,默认的内容是:

{ "shell_cmd": "make"}

修改为:

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

保存在默认的目录下即可,注意修改文件名为 php.sublime-build 。

重启sublime text,就可以用Ctrl+B来编译.php文件了;

  • 配置

点击preferences-setting user,个人设置如下:

{

//字体大小

"font_size": 13.0,

//字体类型

"font_face": "Consolas",

// 设置每一行到顶部,以像素为单位的间距,效果相当于行距

"line_padding_top": 2,

// 设置每一行到底部,以像素为单位的间距,效果相当于行距

"line_padding_bottom": 2,

// html和xml下突出显示光标所在标签的两端,影响HTML、XML、CSS等

"match_tags": true,

// 是否显示代码折叠按钮

"fold_buttons": true,

// 代码提示

"auto_complete": true,

// 默认编码格式

"default_encoding": "UTF-8",

// 左边边栏文件夹动画

"tree_animation_enabled": true,

//删除你想要忽略的插件

"ignored_packages":

[

"Vintage",

"YUI Compressor"

]}

  • 插件设置:

左上角Sublime Text -> Preferences -> Package Settings ->插件名 如果没有最后的"插件名"选项,说明你还没有安装此插件。

这里面一般有5个选项:

  • Settings- Default
  • Settings- User
  • Key Bildings - Default
  • Key Bildings - User

带有后缀Default的,为默认设置,每次升级插件都会重置这里的设置。所以尽量不要修改这里,否则升级会丢失你原先的设置。

带有后缀User的,为用户自定义设置,你可以把Default里面的设置全部复制一份到这里,然后再修改,这里存在的设置选项会覆盖Default里面的,即User的优先级更高。

Key Bildings为快捷键设置,默认的快捷键很有可能因为和其他快捷键冲突而无效, 所以可以在Key Bildings - User里重新设置(格式可以仿照Default里的写法)。


  • AutoFileName——自动补全文件路径
j20m809hdgz.jpeg
  • Sidebar——侧边栏扩展

更多的右键选项

  • Sublime​Linter——代码检测工具
1522312164612.jpg

这个插件最近才为SublimeText3重建和发布。新版本显然带来了很多新的有所不同的功能,而不是简单地把所有的Linter 放在一个包中,开发者允许用户在升级时选择并安装自己经常使用的Linter。很明显,这可以节省磁盘空间。“更多的定制”,这对用户是很友好的。

  • 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.

3.jpg
  • Alignment——代码对齐插件;

由于Ctrl+Alt+A可能跟某IM截图的快捷键冲突,修改Sublime Text 2快捷键的方法如下:

打开 Preferences=>Package Settings=>Alignment=>Key Bindding - User然后写入

<colgroup><col style="width: 72px;"><col style="width: 720px;"></colgroup>

[

{ "keys": ["ctrl+alt+f"], "command": "alignment" }

]
4.jpg

或者改成其他不冲突的快捷键即可

  • Bracket​Highlighter——括号高亮匹配;

插件用途:该插件用于高亮显示成对匹配的括号、引号或其它符号、标记,并可对匹配的一对符号之间的内容进行操作(这是关键功能)。

通过在用户定义的键盘映射文件中设置该插件的快捷键,可实现以下常用功能:

  • 跳转到左侧括号的右端(或右侧括号的左端);
  • 选择匹配的一对括号内的文本,可选是否包含括号;
5.jpg
  • 选择 HTML/XML 标签的标签名 (开始标签和闭合标签都会被选中,便于修改);
  • 选择光标所在处的属性及对应的值 (光标必须在属性处,不能超出单词的最左或最右侧);
  • 折叠 / 展开一对匹配的括号内的文本;
  • 用快捷面板中的括号将所选择的代码段括起来(用 Visual Studio 写 C# 代码时就有相同的功能)。

打开和折叠代码的某一部分就应该是这个样子的。

6.jpg
  • Emmet——快速编写HTML/CSS
7.jpg
8.jpg

编辑器中最流行的插件之一。Emmet,前身Zen Coding也是web开发者提高生产力最有效的方法之一。按下Tab键,Emmet就能把一个缩写展开成一个HTML和CSS代码块.

概括地说,Emmet是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件。怎么使用?你只需按约定的缩写形式书写而不用写整个代码,然后按“扩展”键,这些缩写就会自动扩展为对应的代码内容。 比如,你只需要输入

((h4>a[rel=external])+p>img[width=500 height=320])*12

然后它会被扩展转换成12个列表项和紧随其后的图像。然后你就可以在此基础上再填写内容,就这么简单。

  • DocBlockr——自动注释生成

如果你遵循的编码的风格很严格,这款插件能够使你的任务更容易。DocBlokr 帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目。

DocBlockr这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释

9.jpg
  • ColorPicker——取色插件

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

10.jpg
  • WordCount——可以实时显示当前文件的字数。
11.jpg

安装后,后下角多出字数

  • EncodingHelper——设置显示当前文件的编码类型

Sublime Text 默认没有提供查看当前文件的编码类型,在开发中经常会遇到编码问题,查看不直观;

EncodingHelper插件提供了这个功能,安装即可;


12.jpg

安装后,后下角多出编码类型

  • Color Sublime——
13.jpg
  • ChineseLocalizations——汉化

卸载插件:

shift+ctrl+P

14.jpg
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容

  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    xiaotao123阅读 9,422评论 0 27
  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    追風逸少丶阅读 11,256评论 1 34
  • 1.安装Sublime Text3 1.下载安装文件http://www.sublimetext.com/3 2....
    qwerer阅读 1,192评论 0 0
  • 记录一下 sublime text真是一个神奇的东西,各种插件真的好方便,基于Mac下。 1、首先要安装Packa...
    爱口红的夕夕阅读 252评论 0 0
  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    晚晴幽草阅读 710,319评论 149 1,114