sublime text 3 15个常用插件介绍

时间:2023-06-09 18:55:50

1.ColorPicker

功能:调色板(需要输入颜色时,可直接选取颜色)

使用:快捷键Windows: ctrl+shift+c

2.Emmet

功能:编码快捷键,前端必备

使用:在输入代码段后,按Tab键  具体安装可以看这里 https://jingyan.baidu.com/article/ce43664935b90c3772afd377.html

3.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 等所有语言。

使用:安装该插件后需要根据您使用的编程语言进行配置,JS部分的配置看这里 http://www.cnblogs.com/hykun/p/sublimeText3.html

4.SublimeLinter

功能:代码中存在的不规范和错误的写法的检查插件,支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言(但前提是需要配置相应语言的环境,要检查JavaScript代码需要安装node.js,检查PHP代码需要安装PHP并配置环境等)。

使用:具体安装使用看这里  https://segmentfault.com/a/1190000004169261

5.Alignment

功能:“  =  ” 号对齐,变量定义太多,长短不一,可一键对齐

使用:默认快捷键 Ctrl+Alt+A 和 QQ 截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A ;先选择要对齐的文本

6.JSFormat

功能:Javascript的代码格式化插件

使用:在已压缩的JS文件中,右键选择 jsFormat 或者使用默认快捷键  Ctrl+Alt+F

7.Autoprefixer插件

功能:CSS3私有前缀自动补全插件(该插件也需要系统已安装Node.js环境,部分CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题)

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

8.CssComb插件

功能:CssComb是为CSS属性进行排序和格式化插件(需安装 Node.js 使用)

使用:菜单Tools->Run CSScomb  或  在CSS文件中按快捷键  Ctrl+Shift+C

9.SideBarEnhancements插件

功能:侧栏以及右键菜单增强插件

使用:打开任意一个JS文件,按ctrl+shift+space,这时候第一次运行会去下载对应的类库,可以按ctrl+`(也就是调出控制台)来看进度

10.jQuery

功能:jQ函数提示

使用:安装即用,快捷输入jQ函数,是偷懒的好方法

11.AutoFileName

功能:自动完成文件名的输入,如图片选取,快捷输入文件名

使用:安装即用,输入”/”即可看到相对于本项目文件夹的其他文件

12.Doc​Blockr

功能:生成优美注释

使用:输入/*、/**然后回车

13.All Autocomplete

功能:会搜索所有打开的文件来寻找匹配的提示词,例如(写 css 时自动提示类名)

使用:具体安装使用看这里  http://blog.csdn.net/u014035151/article/details/52275200

14.IMESupport

功能:输入法跟随显示

使用:安装 imesupport 这个插件,安装完毕后,重启Sublime(此插件在 Windows10 下的确依然还有这个问题,国内一个作者修改了部分IMESupport的源代码,让他可以支持win10自带输入法输入框跟随,这是作者关于插件介绍的博客地址:Sublime Text 3 之 IMESupport )

15.Sublime-HTML Prettify

功能:prettify 插件可以用于HTML,CSS,Javascript的集成排版插件

使用:安装完快捷键 ctrl+shift+h  一键格式化代码

16.localization

功能:汉化

使用:安装后,点击help->language->相应语言版本