小編給大家分享一下less.js輸出css如何查看,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都白烏魚小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站制作營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。
less.js輸出css的查看方法:首先新建一個HTML文檔,并引入less.js和main.less文件;然后打開瀏覽器進(jìn)行訪問;最后按F12打開【開發(fā)者工具】,并選取對應(yīng)的DOM元素即可在右側(cè)看見編譯后的css代碼。
less.js輸出css怎么查看?
查看less.js輸出css代碼的步驟:
1、首先我們新建一個HTML文檔,并引入less.js和main.less文件
index.html
Document app
main.less
@width: 100px; @height: 200px; .app{ width: @width; height: @height; background: skyblue; }
注:link標(biāo)簽的rel屬性,改成stylesheet/less
2、然后打開瀏覽器進(jìn)行訪問,按F12打開開發(fā)者工具,選取對應(yīng)的DOM元素,即可在右側(cè)看見編譯后的css代碼
注:需要將index.html、main.less、less.js文件放在web服務(wù)器中才能運行(我們可以使用相關(guān)軟件搭建本地web環(huán)境,推薦phpStudy V8)
以上是“l(fā)ess.js輸出css如何查看”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!