VUE中less的安装与使用

思路:安装完vue后在安装less

//安装vue项目vue init webpack zxx//有用的选Y  没用的选N  下面附图

image.png

cdzxx(文件夹名进入文件夹)然后准备安装less

//输入代码npm install less less-loader --save-dev//等待安装完成

//验证less是否可以使用//在style中添加    lang=“less”  @aaa:red;

  @bbb:pink;

    ul{

      color: @aaa;

      li{

        color: @bbb;

      }

    }

谈一谈我对less的理解:

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、使 CSS 更易维护和扩展。

less可以吧一个颜色存放到一个变量中,这样如果修改变量的颜色值就可以修改页面上的所有颜色,

less还可以嵌套标签,这样代码易读性比较好。

你可能感兴趣的:(VUE中less的安装与使用)