less(一)-------------less简介

什么是Less

      1.一种css的预处理语言。可以通过变量、Mixin、函数等方式书写,使 CSS 更易维护和扩展。
      2.Less 可以运行在 Node 或浏览器端。

Less安装 – 以vscode使用为例

1.安装easy less
在这里插入图片描述
2.修改设置:文件–>首选项–>设置
(1)搜索less
在这里插入图片描述
(2)Easy Less —>settings.json
在这里插入图片描述
(3)做如下修改

"less.compile": {
        "compress": false, //是否删除多余的空格,建议 不是准备打包的同志可以先设置为false,便于代码查看以及维护
        "sourceMap": false, //是否生成源地址文件,一个新的地址文件,小型开发项目可有可无
        "out": "..\\css\\",       // 这里是代表编译后生成的css文件所放的位置,文件生成地址可以自己定义
    }

在这里插入图片描述
3.使用-------在保存01.less时会自动生成css文件
在这里插入图片描述

vue中使用less

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值