微信小程序如何使用SCSS

微信小程序开发者工具集成了 vscode 编辑器，可以使用 vscode 中众多的插件，为我们开发微信小程序提供了极大的便利。我们可以借助 easysass 插件实现在微信开发中使用 sass，安装步骤如下。

1，在 vscode 中安装 easysass 插件。

2，导入已安装的vscode扩展

微信开发者工具  视图 => 扩展 => 右侧三个点 => 导入已安装的vscode扩展
![在这里插入图片描述](https://img-blog.csdnimg.cn/19e680d054ac42d3a7e245cad4d11a40.png)

接下来打开微信开发者工具的扩展文件夹。编辑 => 打开编辑器扩展文件

启用这个插件。

3，修改 spook.easysass-0.0.6/package.json 文件中的配置

设置编译结果文件的后缀为 “.wxss”。

4，重启开发者工具，就 OK 了，测试一下效果。

————————————————
声明：本文主要根据CSDN博主「纷飞丿」的原创文章重新修改整理
原文链接：https://blog.csdn.net/f18855666661/article/details/118085160

微信小程序如何使用SCSS相关推荐

WeApp-Workflow：基于Gulp 的“微信小程序”前端开发工作流
WeApp-Workflow 是我在开发个人微信小程序DeveWork+ 过程中积累总结而来的一个基于Gulp4 的,专门用于开发微信小程序的前端开发工作流.旨在通过自动化的方式解决微信小程序开发过程 ...
uni-app 微信小程序使用 web-view 预览PDF
1.使用uni-pp开发微信小程序,上线之后发现Android手机无法加载览PDF,但ios可以.这里运用了 uni.openDocument <template><view cla ...
taro 重新加载小程序_Taro开发微信小程序的初体验
了解Taro 听说Taro是从几个星期前开始的,在一次饭桌上,一个小伙伴说:"Hey, 你听说了Taro么,听说只需要写一套程序就可以生成H5,小程序以及RN的代码模板,并且类似于React ...
微信开发修改button里的字体大小_微信小程序全栈开发课程【视频版】2.2 index页面完善...
点击观看视频课程 ↓↓↓ 微信小程序首页完善https://www.zhihu.com/video/1195308096099282944 课程文字版 1.template 部分 (1)修改temp ...
微信小程序request请求封装；微信小程序封装request请求；uni-app小程序封装request请求；
本片封装了微信小程序request请求:为别是post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的request.js封装uni.request ...
小程序和vue语法对比_React语法开发微信小程序 Demo
前言从16年微信小程序内测的时候至今,微信小程序用实践证明了自己的创新和价值,微信小程序的规则也在社区的影响下变得更加完善. 但是不得不说,用惯了VSCode,官方的开发工具确实不怎么好用.之前没有 ...
eslint不报错 vue_2-2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误
1.修改入口文件也就是src/pages/index/main.js文件 main.js是入口文件,通过main.js来加载index.vue文件.每个页面文件夹中都要有main.js文件 //加载 ...
mpvue微信小程序动画_mpvue小程序以及微信直播踩坑总结
前段时间刚写完一个mpvue的小程序,现在得闲必须赶紧记录和总结一下,不然很多东西又要忘了我是比较熟悉vue的语法,但是也犹豫过是用原生还是用mpvue,因为那时候原生小程序已经相当成熟而mpvue ...
微信小程序实战，用vue3实现每日浪漫情话推荐~
浪漫情话微信小程序太阳码在这里,欢迎体验哈 1.前言之前做了个恋爱话术微信小程序,满足了日常聊天的需要,实现高情商的恋爱聊天.最近也完成了话术库的优化更新,新增30万条话术数据,同时使用了分词技术, ...
微信小程序实现类似微信评论区回复组件(mpx)
mpx开发微信小程序实现回复组件效果组件内容: <template><view class="apply-component"><van-popu ...