中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

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

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么在微信小程序中使用less詳解

發布時間:2021-03-15 10:59:15 來源:億速云 閱讀:1011 作者:TREX 欄目:開發技術

這篇文章主要介紹“怎么在微信小程序中使用less詳解”,在日常操作中,相信很多人在怎么在微信小程序中使用less詳解問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么在微信小程序中使用less詳解”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

前言

寫慣了 less/sass,但是現在開發小程序缺還是 css,很不習慣。

在網上搜的教程,要么是 gulp,要么就是 vscode 的 Easy-less 的插件。

傳統方式

我們來對比,這兩種方式的優劣。

Gulp

前者要對于 gulp 有簡單的了解,但是現在大道其行的 webpack 來說,gulp 用的人也越來越少,而且具有一定的學習成本,但好在自定義程度較高,自己可以隨便添加take。

VScodd的Esay-less插件

啥都不說,挺香的,直接在 vscode 安裝 easy-less 插件,然后 seting.json,就可以愉快的使用 less 了
保存一下就可以在同目錄生成 .wxss 文件,缺點是必須在 vscode 中使用,也就是說你在開發中要打開倆個編輯器,一遍使用 vscode寫 less,一邊使用微信開發者工具看預覽.....emmmmm,畫面太美不敢想象

新的方式

偶然,在網上看到 你想在小程序里使用less嘛? (VScode版) 里有人放出一張截圖

直接在微信開發者工具里使用的Easy-less,功能和在vscode里使用的一樣,驚為天人的我感覺跑去官方文檔去看,原來微信開發者工具早在 1.03.2004271 版本之后就開始支持擴展工具了。

并且直接使用vscode的擴展就可以,很方便

怎么在微信小程序中使用less詳解

經過自己一連串的操作,證明是可以的。

步驟

1、Vscode 安裝 Easy-less

怎么在微信小程序中使用less詳解

2、擴展文件夾

其解包后的文件夾可以在 ~/.vscode/extensions (macOS 系統) 或 C:\Users\用戶名.vscode\extensions (Microsoft Windows 系統) 下找到

怎么在微信小程序中使用less詳解

復制mrcrowl.easy-less-1.6.3文件到微信開發者工具當中

3. 粘貼擴展文件夾

打開微信開發者工具,top 欄,設置>擴展設置>擴展>自定義擴展

點擊,“打開擴展文件夾”,然后會打開一個文件夾,粘貼到這里就行了。

怎么在微信小程序中使用less詳解

4、設置輸出.wxss

到這里還差最后一步,因為Easy-less,默認輸出的css,但是小程序中要使用.wxss的文件,所以設置一下輸出的文件后綴即可。

怎么在微信小程序中使用less詳解

怎么在微信小程序中使用less詳解

5、重啟微信開發者工具

設置成功后,關閉小程序在打開,然后在 pages 目錄下隨便找個頁面新建一個index.less,寫一點 CSS 保存看看 index.wxss,有沒有發生變化...

最終效果

怎么在微信小程序中使用less詳解

參考:

  • 官方文檔-編輯器擴展

  • vscode-easy-less

  • 你想在小程序里使用less嘛? (VScode版)

  • Less 中文網

總結

到此,關于“怎么在微信小程序中使用less詳解”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

永善县| 九江市| 宜宾县| 舞钢市| 横峰县| 镇宁| 阆中市| 丰县| 江安县| 抚顺市| 扶风县| 锡林郭勒盟| 广南县| 常州市| 太湖县| 大方县| 石棉县| 中宁县| 南和县| 霍州市| 土默特左旗| 广昌县| 利津县| 武义县| 调兵山市| 永嘉县| 邯郸县| 河东区| 新闻| 云龙县| 青神县| 平原县| 铜鼓县| 上犹县| 和林格尔县| 延庆县| 启东市| 天气| 电白县| 宕昌县| 呈贡县|