新手谈Less

文章介绍了Less和Sass两种CSS预处理器的使用方式,包括直接引入、使用Vscode插件Easyless和EasySass进行实时编译,以及通过node环境进行命令行编译。还提到了在项目中配置less和less-loader的方法。
摘要由CSDN通过智能技术生成

官网:https://lesscss.com.cn/

  使用方式 :
         1:直接引入less文件,再引入js文件把less编译成css
           缺点:这种方式是在客户端把less文件编译成css文件,如果less文件体量比较大,会影响页面渲染速度
         2:使用Vscode 安装 Easy less 插件  写好less文件之后 ctrl +s 保存 就可以直接编译成css 文件 然后在html文件中引入即可 
         3.使用node编译less
           3.1全局安装 less           npm i less -g 
           3.2 lessc  xxx.less  xxx.css

在脚手架里面使用less
      1.创建项目的时候选择less预处理语言
            2.在项目中途使用less 下载安装
cnpm i  less@4.0.0   || yarn add less@4.0.0
cnpm i  less-loader@8.0.0 || yarn add  less-loader@8.0.0

        
官网:https://www.sass.hk/
    sass 使用方式和less 类似
     安装插件  Easy Sass

     npm i node-sass -g

     node-sass  xxx.scss  xxx.css

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值