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键,即可得到以下代码(很神奇吧!)

<div id="nav">
    <ul>
        <li class="item1"><a href="#1">floor 1</a></li>
        <li class="item2"><a href="#2">floor 2</a></li>
        <li class="item3"><a href="#3">floor 3</a></li>
        <li class="item4"><a href="#4">floor 4</a></li>
        <li class="item5"><a href="#5">floor 5</a></li>
    </ul>
</div>

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

栗子

colorPicker

Less

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

栗子

Less

Clipboard History

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

栗子

Clipboard History

AutoFileName

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

栗子

AutoFileName

jQuery

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容