关于微信小程序:微信小程序下使用less扩展语言开发

34次阅读

共计 362 个字符,预计需要花费 1 分钟才能阅读完成。

记录一下,如何在微信小程序下应用 less 扩大语言编写款式

  1. 应用 vscode 关上微信小程序我的项目
    在须要应用到 less 文件的目录下,新建一个 index.less 文件,如下图所示

  1. 装置 vscode 插件

    装置结束后须要启用该插件

3.vscode 窗口下,按下快捷
CTRL + SHIFT + P
在呈现的输入框内输出
open settings
点击下图中所示选项


4. 批改 settings.json 文件下的内容(能够先搜寻是否存在该属性,如果不存在则新增一个)

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

按下 ctrl + s 保留文件


5. 尝试在新增的 index.less 文件下进行编辑(编辑结束记得保留),例如

此时再关上同一门路下的 index.wxss 文件

仔细的你会发现,wxss 文件下为 less 文件编译后的内容,那么祝贺你,配置胜利了。

正文完
 0