Sublime Text 3.0 必备插件

Package Control(安装包管理)

作用:

提供sublime插件控制台,功能是添加、删除、禁用、查找插件等

安装方法:

1.Ctrl + `,出现控制台
2.粘贴以下代码到控制台:

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

3.按下Enter键,完成安装并重启sublime
4.Ctrl + Shift + P —> 输入install —> Enter

接下来就开始ST3插件之旅!

Emmet

介绍:Emmet作为前端的必必必备插件,真心好用,是一个事半功倍的利器!
教程:http://www.w3cplus.com/tools/emmet-cheat-sheet.html

栗子

在编辑器中输入代码:div#nav>ul>li.item$*5>a[href=#$]{floor $}
然后按下tab键,即可得到以下代码(很神奇吧!)


JSFormat

介绍:作为一款JavaScript的代码格式化插件,JSFormat能将一行式的压缩代码格式化成一目了然的js代码!

栗子

window.onload=function(){for(var o=1,n=0;n<10;n++)o+=n;alert(o)};

按下快捷键Ctrl + Alt + F之后,转换成以下格式的js:

window.onload = function() {
    var sum = 1;
    for (var i = 0; i < 10; i++) {
        sum += i;
    }
    alert(j);
}

colorPicker

介绍:需要输入颜色时,可直接通过调色板选取颜色
快捷键是Ctrl + Alt + C

栗子

Sublime Text 3.0 必备插件_第1张图片
colorPicker

Less

介绍:sublime不支持less文件的语法高亮,此款插件能为less文件加上语法高亮!

栗子

Sublime Text 3.0 必备插件_第2张图片
Less

Clipboard History

介绍:显示粘贴板历史记录

栗子

Sublime Text 3.0 必备插件_第3张图片
Clipboard History

AutoFileName

介绍:自动完成文件名的输入

栗子

Sublime Text 3.0 必备插件_第4张图片
AutoFileName

jQuery

介绍:编写jQuery时出现函数提示,偷懒的好方法

你可能感兴趣的:(Sublime Text 3.0 必备插件)