sublime text3插件和快捷键

Emmet插件

Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件

它让编写HTML代码变得极其简单高效

基本用法:输入标签简写形式,然后按Tab键

JsFormat插件

这是一款将JS格式化的插件

同样使用Package Control安装JsFormat插件后

即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化

TrailingSpaces插件

有时候,在代码结尾打多了几个空格或Tab

并没有任何显示效果

TrailingSpaces这款插件能高亮显示多余的空格和Tab

ColorPicker

编辑CSS样式的时候, ColorPicker调色盘不仅可以查看颜色值,更可以轻松调好颜色。ColorPicker同时还是一个双向选择颜色的功能,既可以在调色板中选好颜色将其使用至文档中,也可以迅速定位文档中的某一种颜色值到调色板中。

Tag功能:HTML能缩进和排版

SublimeCodeIntel

SublimeCodeIntel 作为一个代码提示和补全插件,支持 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 等所有语言,是 Sublime Text 自带代码提示功能基础上一个更好的扩展,自带代码提示功能只可提示系统代码,而SublimeCodeIntel则可以提示用户自定义代码。SublimeCodeIntel支持跳转到变量、函数定义的功能,另外还有自动补全的功能,十分方便。

Alignment

Aligment插件让开发者自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性。

快捷键

1. 就近选择相同项: ctrl+d

把光标放在一个单词上,按下ctrl+d,将选择这个单词。一直按住ctrl且按D多次,将选择当前选中项的下一个匹配项。通过按住ctrl,再按D三次,将选择三个相同的文本。

2. 选择文本的包裹标签: ctrl+shift+` (ESC键下面的那个)

所有属性保持不变,但只是想选择标签。这个快捷键为你这样做,会注意到你可以在一次操作多个标签。ps:需要Emmet插件(可以直接到后面看插件的安装)

3.选择括号内的内容: ctrl+shift+m

4.注释选中项/行: ctrl+/

5.Ctrl+Shift+P:打开命令面板

6.Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。

7.Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。

8.Ctrl+J 合并选中的多行代码为一行。

9.Ctrl+Shift+D 复制光标所在整行,插入到下一行。

10.Tab 向右缩进。

11.Shift+Tab 向左缩进。

12.Ctrl+K+K 从光标处开始删除代码至行尾。

13.Ctrl+Shift+K 删除整行。

14.Ctrl+/ 注释单行。

15.Ctrl+Shift+/ 注释多行。

16.Ctrl+K+U 转换大写。

17.Ctrl+K+L 转换小写。

18.Ctrl+Z 撤销。

19.Ctrl+Y 恢复撤销。

20.Ctrl+U 软撤销,感觉和 Gtrl+Z 一样。

21.Ctrl+F2 设置书签

22.Ctrl+T 左右字母互换。

23.F6 单词检测拼写

 

原文地址:https://www.cnblogs.com/suga/p/7822070.html