当前位置: 首页 > news >正文

微信小程序使用scss编译wxss文件的配置步骤

文章目录

      • 1、在 vscode 中搜索 easysass 插件并安装
      • 2、在微信开发工具中导入安装的easysass插件
      • 3、修改 spook.easysass-0.0.6/package.json 文件中的配置
      • 4、重启开发者工具,就可用使用了

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

1、在 vscode 中搜索 easysass 插件并安装

在这里插入图片描述

2、在微信开发工具中导入安装的easysass插件

在这里插入图片描述

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

在这里插入图片描述
找到这个文件并打开
在这里插入图片描述
打开里面的package.json,修改里面的内容在这里插入图片描述
按此修改
在这里插入图片描述

4、重启开发者工具,就可用使用了

重启项目
在微信开发工具中:项目->重新打开此项目
使用
新建.scss文件,在此正常写css样式,最后保存后会被编译成.wxss文件
在这里插入图片描述

http://www.lryc.cn/news/25054.html

相关文章:

  • 一步一步教你如何使用 Visual Studio Code 编译一段 C# 代码
  • vue-cli中的环境变量注意点
  • 2.3数据类型
  • Kafka基本概念
  • 使用QueryBuilders、NativeSearchQuery实现复杂查询
  • taobao.open.account.update( Open Account数据更新 )
  • PT100铂电阻温度传感器
  • 蓝桥杯-本质上升序列
  • synchronized锁重入验证
  • 超简单的计数排序!!
  • 发现新大陆——原来软件开发根本不需要会编码(看我10分钟应用上线)
  • 【Leedcode】栈和队列必备的面试题(第二期)
  • Elasticsearch实战之(商品搜索API实现)
  • 剑指 Offer 14-剪绳子
  • 泰克示波器|MSO64示波器的应用
  • 1.4 黑群晖安装:SataPortMap和DiskIdxMap两种获取方式
  • JVM虚拟机概述(2)
  • Intel CSME 简述
  • 复位理论基础
  • Python基础知识——列表
  • 如何使用工时表管理项目和非项目的资源?
  • 项目经理如何做好质量保证与标准维持?非技术项目经理如何做好质量管控?
  • [文件操作] File 类的用法和 InputStream, OutputStream 的用法
  • 索莫菲模型的一些理解 Smomerfeld Model
  • SAP ERP系统MM模块常用增强之四:采购申请输入字段的校验检查
  • STM32C0介绍(1)----概述
  • windows无盘启动技术开发之传统BIOS(Legacy BIOS)引导程序开发之一
  • mysql实现if语句判断功能的六种使用形式
  • 在Vue3这样子写页面更快更高效
  • 做软件测试,如何才能实现月入20K?