VUE中less的安装与使用 VUE中less的安装与使用

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

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

文章图片
image.png

cd zxx（文件夹名进入文件夹）然后准备安装less

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

//验证less是否可以使用 //在style中添加lang=“less”@aaa:red; @bbb:pink; ul{ color: @aaa; li{ color: @bbb; } }

【VUE中less的安装与使用】谈一谈我对less的理解：
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、使 CSS 更易维护和扩展。
less可以吧一个颜色存放到一个变量中，这样如果修改变量的颜色值就可以修改页面上的所有颜色，
less还可以嵌套标签，这样代码易读性比较好。