sublime插件集合

  • 时间:
  • 浏览:1
  • 来源:老云博客 - 专注共享蕊蕊博客资讯

不得不说,sublime是个神器,不得不说它所支持的扩展和插件,下面在介绍的并肩刚刚奉上生动的动画配图。

前言

在阅读此文章刚刚,建议先阅读这篇:sublime text 2 神器

插件介绍

Package Control

功能:安装包管理

简介:sublime插件控制台,提供去掉 、删除、禁用、查找插件等功能

使用:https://sublime.wbond.net/installation

安装办法:

  1. CTRL+` ,出现 控制台
  2. 粘贴以下代码至控制台

ST2:

import urllib2,os,hashlib; h = 'df21e1500d211cfc94d9b0905775a7c0f' + '1e3d39e33b796950005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

ST3:

import urllib.request,os,hashlib; h = 'df21e1500d211cfc94d9b0905775a7c0f' + '1e3d39e33b796950005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

一点办法:

刚刚以上办法只能安装,请使用下面的办法

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

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/

JSFormat

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

简介:要是我网站的js代码都进行了压缩,一行式的甚至混淆压缩,这让亲戚朋友看起来很吃力。而這個 插件能帮亲戚朋友把原始代码进行格式的埋点,包括换行和缩进等等,是代码一目了然,调快读懂~

使用:在已压缩的JS文件中,右键选着jsFormat刚刚使用默认快捷键(Ctrl+Alt+F)

LESS

功能:LESS高亮插件

简介:用LESS的同学都知道,sublime那么 支持less的语法高亮,要是我這個 插件都能否帮上亲戚朋友

使用:打开.less文件刚刚设置为less格式

Less2CSS

功能:编译Less

简介:监测到文件改动时,编译保存为.css文件

使用:打开.less文件,编写代码保存即可看得人并肩生成.css的文件,刚刚那么 则只能安装node。不推荐用這個 办法编译,要么用koala,要么就用grunt编译。

Alignment

功能:”=”号对齐

简介:变量定义太少,长短不一,可一键对齐

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

sublime-autoprefixer

功能:CSS去掉 私有前缀

简介:CSS还未标准化,也太少给各大浏览器有有2个前缀以解决兼容问题

使用:Ctrl+Shift+P,选着autoprefixer即可。只能安装Node.js。

一点设置如快捷键请参考:https://sublime.wbond.net/packages/Autoprefixer

Clipboard History

功能:粘贴板历史记录

简介:方便使用克隆/剪切的内容

使用:

  • Ctrl+alt+v:显示历史记录
  • Ctrl+alt+d:清空历史记录
  • Ctrl+shift+v:粘贴上每根记录(最旧)
  • Ctrl+shift+alt+v:粘贴下每根记录(最新)

Bracket Highlighter

功能:代码匹配

简介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和现在开始标记

使用:点击对应代码即可

Git

功能:Git管理

简介:插件基本上实现了git的所有功能

使用:https://github.com/kemayo/sublime-text-git/wiki

jQuery

功能:jQ函数提示

简介:快捷输入jQ函数,是偷懒的好办法

DocBlockr

功能:生成优美注释

简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦

使用:输入/*、/**而且 回车,还有要是我用法,请参照

https://sublime.wbond.net/packages/DocBlockr

 

ColorPicker

功能:调色板

简介:只能输入颜色时,可直接选着颜色

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

 

ConvertToUTF8

功能:文件转码成utf-8

简介:通过本插件,您都能否编辑并保存目前编码不被 Sublime Text 支持的文件,很糙是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI等。ConvertToUTF8 并肩支持 Sublime Text 2 和 3。

使用:安装插件后自动转换为utf-8格式

AutoFileName

功能:快捷输入文件名

简介:自动完成文件名的输入,如图片选着

使用:输入”/”即可看得人相对于本项目文件夹的一点文件

Nodejs

功能:node代码提示

教程:https://sublime.wbond.net/packages/Nodejs

Trailing spaces

IMESupport

功能:sublime中文输入法

简介:还在纠结 Sublime Text 中文输入法只能跟随光标吗?试试「IMESupport 」這個 插件吧!目前只支持 Windows,在搜索等界面只能很好的跟随光标。

使用:Ctrl + Shift + P →输入pci →输入IMESupport →回车

Trailing spaces

功能:检测并一键去除代码中多余的空格

简介:还在纠结代码所含多余的空格而显得代码不规范?或是有处女座情节?次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格,让人的代码规范清爽起来

使用:安装插件并重启,即可自动提示多余空格。一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在Preferences / Key Bindings – User去掉 代码(数组内)

{
"keys":
["ctrl+shift+t"],
"command":
"delete_trailing_spaces"
}
	

FileDiffs

功能:强大的比较代码不同工具

简介:比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在组织组织结构比较工具,精确到行。

使用:右键标签页,出现 FileDiffs Menu刚刚Diff with Tab…选着对应文件比较即可

GBK Encoding Support

功能:中文识别

简介:Sublime Text 2可识别UTF-8格式的中文,不识别GBK和ANSI,而且 打开要是我含中文的文档都会出现 乱码。都能否通过安装插件GBK Support,来识别GBK和ANSI。

使用

  • Open a GBK File
  • Save file with GBK encoding
  • Change file encoding from utf8 to GBK or GBK to utf8

后续

还有Sass、SVN、CoffeeScript等插件,先就介绍那么 多,弄配图加翻译测试挺辛苦的,刚刚确实不错,都能否选着分享刚刚点击底部里边的小工具收藏此文章。后续会有更新~