irpas技术客

Easy LESS的基础使用_五速无头怪_easy less

irpas 8432

vscode安装插件Easy LESS,用于实现编写less文件后生成css或者wxss文件


配置步骤:

?在配置文件末尾或者其他位置加入以下代码

// Easy LESS配置 "less.compile": { "compress": false,//是否压缩 "sourceMap": false,//是否生成map文件,有了这个可以在调试台看到less行数 "out": true, // 是否输出css文件,false为不输出,千万不要是false "outExt": ".wxss", // 输出文件的后缀,小程序可以写'.wxss' // "outExt": ".css", // 输出文件的后缀,小程序可以写'.wxss' }

然后,就可以在文件中编写less文件,快速的写css样式了

但是我没找到自动保存的同时让less自动生成wxss的方法,希望有大佬能在评论区说下~?


同时,less本身就支持import功能

生成的wxss文件中:


less中对使用first/last-child选择器 ul{ li{ //设置第一个li元素的margin-left &:first-child{ margin-left: 0px; } //设置最后一个li元素的margin-left &:nth-last-child(1){ margin-left: 5px; } } }

通过使用 &: 来选择自身


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #Easy #Less #vscode安装插件Easy #less配置