less的使用

less（Leaner Style Sheets的缩写）是一门css扩展语言，并且兼容css

•  Less增加了很多相比于CSS更好用的特性;
•  比如定义变量、混入、嵌套、计算等等；
•  Less最终需要被编译成CSS运行于浏览器中（包括部署到服务器中）；

less的开发环境

方式一：下载Node环境，通过npm包管理下载less工具，使用less工具对代码进行编译；

npm install less -D

方法二：通过VSCode插件来编译成CSS或者在线编译

 https://lesscss.org/less-preview/

方法三：引入CDN的less编译代码，对less进行实时的处理

<link rel="stylesheet/less" href="./less.less">
<script src="https://cdn.jsdelivr.net/npm/less@4"></script>

vue中使用less 

<style lang="less" scoped>

</style>

要在style标签中加上lang="less"，并且通过