Sublime Text 3.0 必備插件

Package Control(安裝包管理)

作用:

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

安裝方法:

1.Ctrl + `,出現(xiàn)控制臺
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鍵,即可得到以下代碼(很神奇吧?。?/p>

<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之后,轉(zhuǎn)換成以下格式的js:

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

colorPicker

介紹:需要輸入顏色時,可直接通過調(diào)色板選取顏色
快捷鍵是Ctrl + Alt + C

栗子

colorPicker

Less

介紹:sublime不支持less文件的語法高亮,此款插件能為less文件加上語法高亮!

栗子

Less

Clipboard History

介紹:顯示粘貼板歷史記錄

栗子

Clipboard History

AutoFileName

介紹:自動完成文件名的輸入

栗子

AutoFileName

jQuery

介紹:編寫jQuery時出現(xiàn)函數(shù)提示,偷懶的好方法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容