sublime text 3插件

Package Control

功能:安装包管理
简介:sublime插件控制台,提供添加、删除、禁用、查找插件等功能
使用:https://sublime.wbond.net/installation
安装方法:
CTRL+` ,出现控制台
粘贴以下代码至控制台
其他方法:
如果以上方法不能安装,请使用下面的方法

  1. 选择菜单:Preferences > Browse Packages
  2. 打开sublime插件安装包文件夹
  3. 下载文件并复制到打开的文件夹
  4. 重启sublime

Bracket Highlighter

功能:代码匹配
功能:代码匹配
简介:可匹配[], (), {}, “”, ”, ,高亮标记,便于查看起始和结束标记
使用:点击对应代码即可


sublime text 3插件_第1张图片
highlight.gif

Emmet

功能:编码快捷键,前端必备
简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的演示视频。
使用:教程-http://docs.emmet.io/cheat-sheet/、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

sublime text 3插件_第2张图片
emmet.gif

JSFormat

功能:Javascript的代码格式化插件
简介:很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

sublime text 3插件_第3张图片
jsFormat.gif

LESS

功能:LESS高亮插件
简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们
使用:打开.less文件或者设置为less格式

sublime text 3插件_第4张图片
less.gif

jQuery

功能:jQ函数提示
简介:快捷输入jQ函数,是偷懒的好方法

sublime text 3插件_第5张图片
jquery.gif

Doc​Blockr

功能:生成优美注释
简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦
使用:输入/、/*然后回车,还有很多用法,请参照
https://sublime.wbond.net/packages/DocBlockr

sublime text 3插件_第6张图片
basic.gif

sublime text 3插件_第7张图片
function-template.gif

AutoFileName

功能:快捷输入文件名
简介:自动完成文件名的输入,如图片选取
使用:输入”/”即可看到相对于本项目文件夹的其他文件

sublime text 3插件_第8张图片
autofilename.gif

IMESupport

功能:sublime中文输入法
简介:还在纠结 Sublime Text 中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows,在搜索等界面不能很好的跟随光标。
使用:Ctrl + Shift + P →输入pci →输入IMESupport →回车

sublime text 3插件_第9张图片
c1608aa0gw1e9dmrd3vxpg209y08d75x.gif

Trailing spaces

功能:检测并一键去除代码中多余的空格
简介:还在纠结代码中有多余的空格而显得代码不规范?或是有处女座情节?次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格,让你的代码规范清爽起来
使用:安装插件并重启,即可自动提示多余空格。一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在Preferences / Key Bindings – User加上代码(数组内)

sublime text 3插件_第10张图片
spac.gif

你可能感兴趣的:(sublime text 3插件)