微信小程序使用 scss

news2024/10/7 16:21:04

一、在 vscode 中安装 easy sass 扩展

在这里插入图片描述

二、在微信开发者工具导入 vscode 安装的 easy sass 扩展

在这里插入图片描述

安装完成后会让重新加载扩展

再次打开后就可以看到扩展已经有 easy sass 了
在这里插入图片描述

三、修改 easy sass 配置

重新加载扩展后，默认情况下这个扩展是已经启动的，但是这个扩展默认是将 scss 转为 css 和 min.css 而不是 wxss，所以需要做一些修改

首先打开扩展设置
在这里插入图片描述

输入Easysass: Formats筛选到准确设置，并打开配置文件
在这里插入图片描述

可以看到这里默认有两个配置，一个是扩展视图的.css，一个是压缩视图的.min.css
在这里插入图片描述

修改一下即可，使用 scss 基本就用不到修改 wxss 了，所以我这里使用压缩视图，然后把后缀改为.wxss 即可
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/991564.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

Cadence 设计快速入门

概述偶然的机会看到Cadence官方给的一篇入门文章，感觉相当不错，跟着一步一步做了一下，受益匪浅，在这里记录一下这个过程。这篇文章主要包含一个风扇控制模块的原理图设计、pcb和仿真。主要涉及如下工具 OrCAD Capture CIS PSpice AD OrCAD PCB Editor原理图设计在本章我…

C/C++输出绝对值 2019年9月电子学会青少年软件编程（C/C++）等级考试一级真题答案解析

目录 C/C输出绝对值一、题目要求 1、编程实现 2、输入输出二、解题思路 1、案例分析三、程序代码四、程序说明五、运行结果六、考点分析 C/C输出绝对值 2019年9月 C/C编程等级考试一级编程题一、题目要求 1、编程实现输入一个浮点数，输出这个…

10-JVM调优工具详解

上一篇：09-JVM垃圾收集底层算法实现前置启动程序事先启动一个web应用程序，用jps查看其进程id，接着用各种jdk自带命令优化应用 1.Jmap 此命令可以用来查看内存信息，实例个数以及占用内存大小 jmap -histo 14660 #查看历史…

安装 cnpm install pinia 新建store目录，在store目录下创建loginUser.js import { defineStore } from pinia import {ref} from vue export const userLoginStore defineStore(loginUser, () > {let loginUserInfo ref({})function setUserInfo(data){this.…

如何用J-Link仿真PY32F003系列芯片

在用国产ARM芯片，仿真和烧录是必须的，但KEIL MDK也支持国产芯片在线仿真和下载。相信大家和我一样，苦于不会设置J-Link走了很多弯路。不管你用盗版的，还是正版的，都支持在线仿真和下载，只要是ARM核&#xf…

Python—下载清华大学鹏城实验室遥感数据

当想下载清华大学鹏城实验室10m土地利用数据的时候，发现他们的下载方式很奇怪，只能一页页的点名称全选 ，然后批量下载，再一个个的加入浏览器下载，当一次下载过多就回卡顿和下载失败，所以就有了想用python进…

SpringMVC之增删改查（CRUD）项目模拟

目录前言一、项目模拟部署 1.创建一个Maven项目 2. 导入所需依赖数据库连接池（jdbc.properties） 加载驱动（spring-mybatis.xml） 配置数据库信息编辑日志文件配置（log4j.xml） Spring MVC与Maba…

高忆管理：南京取消限购苹果新机或搭载潜望式镜头

昨日，两市股指盘中单边下行。到收盘，沪指跌1.13%报3122.35点，深成指跌1.84%报10321.44点，创业板指跌2.11%报2056.98点，科创50指数跌3.72%；两市算计成交7668亿元。行业方面，半导体板块大幅下挫&a…

Pyqt5-进度条(适用pyside2、pyside6)

本章，精选了几个好看的可用于实际项目中的进度条样式。先来看看几个图：这些都是纯代码编写，本章没有废话，有的全是代码。示例1-双半边进度条 import sys from PyQt5.QtCore import Qt, QTimer from PyQt5.QtGui import QPainter, QColor, QPen, QLinearGradient, QFont f…

live555音视频同步

文章目录 live555音视频同步通过testOnDemandRTSPServer.cpp实现，仅需修改部分代码即可，具体思路：注意具体代码（对testOnDemandRTSPServer.cpp进行修改）修改之后成功在所在目录下直接分步执行以下命令点赞收藏加关注&…

MSYS2 如何切换镜像源（附带脚本自动修改）

这篇文章将总结【如何切换MSYS2镜像】，其实比较简单，但还是记录一下吧。下面示例中附带一个脚本，这样你就不用一个个手动修改了。 1. 镜像服务配置文件 MSYS2 的所有镜像服务配置，都在其安装路径下的etc/pacman.d目录下可以看到…

Vite + vue3 项目使用 amfe-flexible 和 postcss-pxtorem 实现不同屏幕自适应

amfe-flexible 和 postcss-pxtorem 可以一起使用来实现移动端的适配效果。 amfe-flexible 主要用于动态设置根元素字体大小（rem），以根据屏幕尺寸进行自适应布局。它会根据设备的屏幕宽度计算出根元素字体大小，并将其设置为页面的根…

无涯教程-JavaScript - IMLOG10函数

描述 IMLOG10函数以x yi或x yj文本格式返回复数的公共对数(以10为底)。可以从自然对数计算复数的公共对数,如下所示: $$\log_ {10}(x yi)(\log_ {10} e)\ln(x yi)$$ 语法 IMLOG10 (inumber)争论 Argument描述Required/OptionalInumberA complex number for which you …

osg 纹理烘焙

#include <osgViewer/ViewerEventHandlers> #include <osgViewer/Viewer> #include <osgDB/ReadFile>//render to texture,纹理烘焙 static osg::Texture* createRttTexture(int texWidth, int texHeight) {osg::ref_ptr<osg::Texture2D> texture new…

musl libc 动态加载：elf 应用程序入口函数 _start 到 main 的执行流程

前言应用程序 elf ，如静态链接的应用程序，入口函数不是 main 函数，而是 _start 函数从 _start 函数到 main 函数，经过 libc 的一系列初始化操作 _start -> _start_c -> ... -> main 动态编译链接的应用程序 elf，更是经历了 _dlstart -> _dlstart_c -> ..…