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还可以嵌套标签，这样代码易读性比较好。