溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

LESS/SASS/Stylus開發(fā)工具有哪些呢

發(fā)布時(shí)間:2021-11-17 15:36:39 來源:億速云 閱讀:141 作者:柒染 欄目:web開發(fā)

今天就跟大家聊聊有關(guān)LESS/SASS/Stylus開發(fā)工具有哪些呢,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

less、sass、stylus已經(jīng)火起來了,越來越多的人開始使用這三個(gè)工具了,而且貌似使用less的人比較多一些~~而我們也有很多相關(guān)的開發(fā)和調(diào)試工具可以讓我們的開發(fā)流程更簡單快捷一些~~

SublimeText

相信用Sublime Text 2作為主要編輯器的前端開發(fā)同學(xué)已經(jīng)很多了,Sublime  Text上面的相關(guān)插件也不少,這里無需多說,Ctrl+Shift+P –> install  package可以搜索到相關(guān)的插件,不過,這里也簡單的匯總下:

● Less  Sublime

● Less build Sublime

● Less2css

● Less  snippets

● Sublime text haml sass

● SASS-Build-SublimeText2

● Stylus

● Emmet——集成了less、sass、scss等,使用Tab或者Ctrl+E即可。

Chrome

***版的Chrome開發(fā)者工具已經(jīng)可以支持Sass了,點(diǎn)擊開發(fā)者工具右下角的的設(shè)置按鈕,切換到Experiments Tab,即可開啟:

LESS/SASS/Stylus開發(fā)工具有哪些呢

但是好期待也能夠默認(rèn)支持Less?。。。?/p>

當(dāng)然也有很多第三方插件可以用:

● SASS Inspector

● Sass Sleuth

好吧,chrome下貌似沒有好用的less、stylus插件。

Firefox

● FireLess

● FireSass for Firebug

● FireStylus for Firebug

CssGaga 支持 LESS

CssGaga開始支持自動(dòng)處理less文件了。

看完上述內(nèi)容,你們對(duì)LESS/SASS/Stylus開發(fā)工具有哪些呢有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI