sublime text3插件和快捷键
Emmet插件
Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件
它让编写HTML代码变得极其简单高效
基本用法:输入标签简写形式,然后按Tab键
JsFormat插件
这是一款将JS格式化的插件
同样使用Package Control安装JsFormat插件后
即可在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 单词检测拼写