Easy LESS的基础使用

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;}}}

通过使用 &: 来选择自身

Easy LESS的基础使用相关推荐

Swoole基础知识，安装，websocket应用及各种问题详解
1. swoole基础-概述 Swoole基础课程正式推出!零基础开始,让你循环渐进的掌握swoole. 传统的phper们大部分都是用于开发web应用程序,并且大部分都是在用类似yii\larave ...
zcmu-2153（拓扑排序+优先队列）
2153: D.ly的排队问题 Time Limit: 1 Sec Memory Limit: 128 MB Submit: 35 Solved: 13 [Submit][Status][Web ...
awb数据怎么计算_白平衡自己主动(AWB)算法---2,颜色计算
本文说明了白平衡算法估计当前场景的色温过程. 色温计算的原理并不复杂,但要做到,还是一道,认真做好每一步,这需要大量的测试,和算法一直完好. 关于该过程首先简要: 1, 取的图像数据,并划分MxN块, ...
lightoj刷题日记
开始板刷lightoj,每天题量>=1: 题目的类型会在这边说明,具体见分页博客: ----------------- 必须要update了... so...板刷第二页搞呀--2017/4/17 ...
程序员练级攻略(2018)-陈皓-笔记整理
程序员练级攻略(2018) 开篇词入门篇零基础启蒙正式入门修养篇程序员修养专业基础篇编程语 ...
新来了个23岁的测试员，本以为是菜鸡，没想到是扮猪吃老虎
咋这金3银4都完了还有人来面试的,一看简历,嘿?23岁,这不刚毕业的小毛孩子嘛,结果没想到人家上来就把现有的项目都测了一遍,找出一堆bug,给公司节解决了不少的麻烦,这种"王炸"打 ...
微信小程序-封装原生垂直滚动菜单（类似外卖商品菜单）
效果展示: 就是根据左侧菜单点击,切换右侧显示的内容,可以上下滚动 colorUI组件库--垂直导航栏这种是通过原生的微信小程序制作的垂直导航栏,如果想要更好看的样式和效果,这里推荐一款小程序UI组 ...
Python玩转大数据-张敏-专题视频课程
Python玩转大数据-221人已学习课程介绍该课程采用时下后的编程语言Python讲解,囊括了当前火的大数据技术Spark/Hadoop/Hive知识,学习环境是基于Docker ...
NAT基础：NAT技术原理，静态NAT、动态NAT、NAPT、Easy IP、NAT Server的原理，以及各NAT的配置方法和转换示例。
目录 NAT 技术原理: 静态NAT原理: 静态NAT(土豪用法): NAT转换示例: 静态NAT配置方法介绍: 1.方式一: 2.方式二: 静态NAT的配置实例: 动态NAT原理: 动态NAT转换示 ...

Easy LESS的基础使用

less中对使用first/last-child选择器

Easy LESS的基础使用相关推荐

最新文章

热门文章