思路:安装完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还可以嵌套标签,这样代码易读性比较好。