VUE中less的安装与使用

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

//安装vue项目
vue init webpack zxx
//有用的选Y  没用的选N  下面附图
VUE中less的安装与使用_第1张图片
image.png
cd zxx(文件夹名进入文件夹)然后准备安装less
//输入代码
      npm install less less-loader --save-dev
//等待安装完成
//验证less是否可以使用
//在style中添加    lang=“less”


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

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