原生微信小程序使用less

用慣了預(yù)處理的我實在受不了用原生CSS寫樣式這種令人崩潰的開發(fā)體驗,然后想在項目中使用less。

1.Ctrl+Shift+X 打開擴展 - 搜索 easy Less 并安裝.

2.Ctrl+ 逗號 打開設(shè)置 - 搜索 easy Less config 并選擇 點在setings.json中編輯 把下面配置粘貼進去

"less.compile": {
        // "compress":  true,  // 是否刪除多余空白字符
        // "sourceMap": true,  // 是否創(chuàng)建文件目錄樹,true的話會自動生成一個 .css.map 文件
        "outExt": ".wxss" // 輸出文件的后綴,默認(rèn)為.css
}

3.在你的wxml同級目錄下新建一個 文件名.less 書寫less語法的css并保存,同級目錄下就會自動生成一個 文件名.wxss的文件

最后編輯于
?著作權(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)容