Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总

sublime 3 版本:Build 3176 Version 3.1.1

1.注册码:

----- BEGIN LICENSE -----

sgbteam

Single User License

EA7E-1153259

8891CBB9 F1513E4F 1A3405C1 A865D53F

115F202E 7B91AB2D 0D2A40ED 352B269B

76E84F0B CD69BFC7 59F2DFEF E267328F

215652A3 E88F9D8F 4C38E3BA 5B2DAAE4

969624E7 DC9CD4D5 717FB40C 1B9738CF

20B3C4F1 E917B5B3 87C38D9C ACCE7DD8

5F7EF854 86B9743C FADC04AA FB0DA5C0

F913BE58 42FEA319 F954EFDD AE881E0B

------ END LICENSE ------

2.  安装 Package Control

        参考官网指南:https://packagecontrol.io/installation#st3

3. 常用快捷键

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

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

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第1张图片

2)选择当前文件所有匹配项: alt+f3

选择文件中的所有匹配项。小心使用这个,因为它能选择一个文件中的所有匹配项。 

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第2张图片

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

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

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第3张图片

4)向上扩展一层: ctrl+shift+a

如果你把光标放在文本间再按下上面的键将选择文本,就像ctrl+d。但是再次按下它,将选择父容器,再按,将选择父容器的父容器。ps:需要Emmet插件(可以直接到后面看插件的安装) 

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第4张图片

5)选择括号内的内容: ctrl+shift+m

这有助于选择括号之间的一切。同样适用于CSS。

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第5张图片

6)整行的上下移动: ctrl+shift+↑ctrl+shift+↓

 Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第6张图片

7)复制行或选中项: ctrl+shift+d

如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。 

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第7张图片

8)增加和减少缩进: ctrl+[ 或 ]

 Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第8张图片

9)用标签包裹行或选中项: alt+shift+w

 Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第9张图片

10)转大写和小写: 大写ctrl+k+u、小写ctrl+k+l

 Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第10张图片

11)注释选中项/行: ctrl+/

      这个在所有语言下都可用, 对行和选中项都可用

12)跳转到上一个编辑处和下一个编辑处

       alt+- 上一个编辑处
       alt+shift+- 下一个编辑处

4. 好用的插件

1)Emmet

Emmet (前身是 Zen Coding)是一个前端开发不可缺少的插件,它让编写 HTML和CSS代码变得简单,节省大量时间。Emmet可使开发者用缩写形式书写代码,再用“扩展”功能自动将代码扩展至完整样式。

2)ColorPicker

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

启动快捷键:Ctr + Shift + C

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第11张图片

3) SublimeCodeIntel

作用:代码提示插件,可以帮你补全代码,快速方便书写!大大提升效率!

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第12张图片

4) DocBlocker 

作用:快熟书写注释!

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第13张图片

5) Jsformat

作用:js压缩文件的还原,但是遗憾的是变量名称是

快捷键:默认的是:ctrl+alt+f

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第14张图片

 6)  Bracket Highlighter

作用:当你鼠标选中标签或者是某个片段代码的时候,对应的开头和闭合标签会高亮!

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第15张图片

 7)  AutoFileName

作用:可以在你输入引用文件路径时给出提示,最典型的就是图片的引用。

Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第16张图片

 8. FileDiffs

FileDiffs插件可以让开发者比较两个不同文件的差异,比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。

插件下载:https://github.com/colinta/SublimeFileDiffs

9)Soda Theme

Sublime Text 3中较为常用的一款自定义编辑器主题,用过的人都说好。Soda Theme包含代码着色、标签、图标,拥有light和dark两种颜色主题便于用户在不同时间段使用。

Github:https://github.com/buymeasoda/soda-theme/

10)控制台呼出插件Terminal

用node,Grunt等等要调出控制台的娃知道的,简直神奇有木有,装上就能用。

Tips:快捷键 ctrl+shift+T呼出当前文件路径的控制台

11) CSS3前缀补充插件Autoprefixer

Tips:使用方法:在输入CSS3属性后(冒号前)按Tab键

 Sublime text 3 初始化配置、build3176 注册码 与经常使用的插件、快捷键汇总_第17张图片

12) babel

支持ES6、React.js、jsx代码语法高亮。

安装

command+shift+p -> install package -> babel

使用:

view -> Syntax -> Babel -> Javascript

13)  React ES6 Snippets

支持react 语法高亮

14)  Trimmer

一定会装的插件!你知道当你编写代码时,由于错误或别的某些原因,会产生一些不必要的空格。需要注意的是多余的空格有时也会造成错误。这个插件会自动删除这些不必要的空格。

 

其他插件参考链接

http://www.cnblogs.com/hykun/p/sublimeText3.html

https://www.cnblogs.com/qingkong/p/5039527.html

你可能感兴趣的:(开发工具)