600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 版本微信开发者工具引入less插件

版本微信开发者工具引入less插件

时间:2024-05-11 20:11:22

相关推荐

版本微信开发者工具引入less插件

一、将less插件放入微信开发者工具的扩展目录中去

1、less插件获取方式在CSDN上可以搜索到,很多友友分享;

2、查看拓展路径方式:编辑=>打开编译器扩展目录

我本人的扩展文件夹路径可供参考:

C:\Users[电脑用户名称]\AppData\Local\微信开发者工具\User Data\1a695ca2de1a85735f93a43fb366c83f\Default\Editor\User\extensions

3、将插件文件夹拖入上面打开的文件夹即可:

二、安装

1、点击设置=>扩展设置

2、出现如下图所示页面,点击红色方框即可安装

三、配置

1、点击设置小图标=>Extension Settings

2、出现以下页面,点击Easy LESS config…=>在setting.json中编辑

3、添加如下方框中代码并保存:

四、测试

1、在空白demo1.wxml页面测试:

demo1.wxml输入:

<view class="container"><view class="test">测试测试测试</view></view>

2、新建demo1.less文件,并输入:

.container{width: 100%;height: 100%;.test{color: red;}}

3、demo1.less里面输入的样式保存后,系统自动更新到demo1.wxss里面

4、测试完成,效果如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。