前言

大概搜索了一下目前关于给微信小程序安装 Less 的博客，基本上都还停留在使用 Vscode 安装扩展然后仅修改器 settings.json 的阶段，这会导致我们必须要同时打开 vscode 和微信开发工具来进行代码编写，这一点都不简洁

目前微信早已支持了安装外部插件的功能，就不需要使用过时的方法了！


解决办法

在这里插入图片描述

首先老样子，打开 vscode，搜索插件 EASY LESS，注意图片标注的那个才是我们需要下载的！

下载完后关掉 vscode，打开微信开发者工具


在这里插入图片描述

选择左侧扩展小图标，并点击下方三个小点按钮，选择“从已解包的扩展程序中安装”
此时就会自动定位文件夹到 vscode 插件安装文件夹内！

我们仅需选择 mrcrowl.easy-less-2.0.0 这个文件夹（即我们刚刚安装好的 EASY LESS 插件）

就可以成功将该扩展导入微信开发者工具里面了


在这里插入图片描述

之后点击顶部菜单栏的 设置->扩展设置

设置面板选择“编辑器”，滑动到底部，点击“更多编辑器设置”


在这里插入图片描述

之后按照图中所示步骤依次点击 用户->扩展->EasyLessConfiguration->在 settings.json 中编辑

如果没有出现 EasyLessConfiguration ，则需要你重启一下 IDE，因为安装完扩展


非常好！我们仅需在弹出的 settings.json 文件最底部添加这一行代码即可
这样就可以自动帮我们把 less 文件转换成 wxss 文件了

"less.compile": {
    "outExt": ".wxss"
}

使用测试

在这里插入图片描述

任选一个 page，文件夹下新建一个与当前 wxss 文件同名的 less 文件
我们仅需在该 less 文件写样式并保存后，EASYLESS 会自动编译好并转换成 wxss 文件保存的！


# 微信小程序 # less # 小程序
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

deck.gl TripsLayer 出租车轨迹动画示例实战：从示例运行到着色器原理

TripsLayer 是 deck.gl 中用于渲染**随时间流动的轨迹动画**（如出租车行程、物流路径、迁徙路线）的核心图层。本文以仓库中的最小独立示例 [examples/website/trips](https://link.gitcode.com/i/1442af8f442f4cff39ff546e050fceb5) 为骨架，带你完成从安装依赖、启动应用、理解曼哈顿出租车数据格式，到深入

avatar 天工造物局

Foundry Anvil 中 eth_simulateV1 的 Blob 交易与 Blob Gas 字段规范化：原理、实现与测试验证

本篇技术指南以 [anvil-simulate-blob-transactions.md](https://link.gitcode.com/i/3d2ebe227262de169335eb290af80da8) 这条 changelog 条目为起点，深入剖析 Foundry Anvil 对 `eth_simulateV1` RPC 返回结果中 blob（EIP-4844）交易与 blob gas

avatar 天工造物局

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局