less的使用

Posted 2023-03-20

参考技术A 1.安装：

1.npm i less --save-dev 把less源码安装到开发环境

2.npm i less-loader@6 --save-dev 安装less解析器 （★一定要指定版本）

3.lessc -v 查看版本，如果版本号出不来，全局安装下less，在cmd里查

4.在main.js import less from 'less' Vue.use(less) 目的：在所有页面都可以使用less预编译css语言，

5.独立的vue文件需要引入less <style lang="less"></style>

2.less的使用

1.less中变量的使用 定义方式：@key:value; 使用方式：@key;

2.字符串拼接变量使用方式 @img:'./img/'; background:url("@img1.png")

3.写减法的时候左右要加空格，否则会理解为杠-

多层嵌套+变量计算；