海南网站建设粤icp备,代码编辑器,深圳平湖网站建设公司,视频网站开发工程师介绍
在微信小程序里#xff0c;样式文件的后缀名都是wxss#xff0c;这导致一个问题#xff0c;就是页面样式过多的时候#xff0c;要写很多的类名来包裹#xff0c;加大了工作量#xff0c;还很有可能会写错样式。这时可以配置一个less#xff0c;会大大提高代码编辑…介绍
在微信小程序里样式文件的后缀名都是wxss这导致一个问题就是页面样式过多的时候要写很多的类名来包裹加大了工作量还很有可能会写错样式。这时可以配置一个less会大大提高代码编辑质量。
使用方式
打开 vscode 编辑器 在扩展中搜索less并安装如下所示 打开微信开发者工具点击 扩展 按钮 在更多里选择 从已解包的扩展文件夹安装如下所示 默认打开的文件夹就是已经安装的扩展列表在当前文件夹里选择 mrcrowl.easy-less-2.0.0文件点击确定即可如下所示 点击确定后会提示如下所示的信息代码扩展导入成功 在微信开发者工具里选择顶部的设置按钮在打开的弹窗页面里选择 编辑器 ----- 更多编辑器设置-----扩展----Easy LESS configuration -------在settings.json中编辑 如下所示 在打开的设置文件里找到 less.compile 设置项并添加如下所示的代码即可将后缀名为less的文件自动编译并转换为后缀名为.wxss的文件。 less.compile: {compress: false,sourceMap: false,out: true,outExt: .wxss}接下来在页面里可以新建后缀名为less的样式文件当保存样式时会自动编译并生成一个同样名字的 .wxss样式文件。
