微信小程序開發(fā)者工具集成了 vscode 編輯器,可以使用 vscode 中眾多的插件,為我們開發(fā)微信小程序提供了極大的便利。我們可以借助 easysass 插件實(shí)現(xiàn)在微信開發(fā)中使用 sass,安裝步驟如下。
1,在 vscode 中安裝 easysass 插件。
2,導(dǎo)入已安裝的vscode擴(kuò)展
微信開發(fā)者工具 視圖 => 擴(kuò)展 => 右側(cè)三個(gè)點(diǎn) => 導(dǎo)入已安裝的vscode擴(kuò)展
接下來(lái)打開微信開發(fā)者工具的擴(kuò)展文件夾。編輯 => 打開編輯器擴(kuò)展文件
啟用這個(gè)插件。
3,修改 spook.easysass-0.0.6/package.json 文件中的配置
設(shè)置編譯結(jié)果文件的后綴為 “.wxss”。
4,重啟開發(fā)者工具,就 OK 了,測(cè)試一下效果。
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-525576.html
————————————————
聲明:本文主要根據(jù)CSDN博主「紛飛丿」的原創(chuàng)文章重新修改整理
原文鏈接:https://blog.csdn.net/f18855666661/article/details/118085160文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-525576.html
到了這里,關(guān)于微信小程序如何使用SCSS的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!