LESS基础教程
一、初见LESS 1. 什么是LESS Less是Css的预编译语言,兼容Css语法,在其基础上扩展,可以使用变量,混合,继承,函数等语法,更贴近编程语言,在开发时使用,生产时将Less转换为Css文件。 2. LESS的官方网站 中文网址: http://lesscss.cn/ 3. LESS与CSS的写法 CSS的写法 .content{ display: flex; } .content .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } LESS的写法 .content{ display: flex; .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } } 4. 搭建开发环境 因为 less 其实无法在浏览器上运行的,它要编译成CSS才行。主要以下方法 下载less.js文件,利用该文件编译less,但是太建议使用 借助 考拉 这软件编译 借助 vs code ,在该编辑器安装编译less的插件,less文件保存后就会自动生成对应的CSS 借助 node 环境 因为前面两种没用过,所以主要介绍下后两种 在vs code安装less的编译插件 安装插件 Easy LESS ,如下图所示 有了这个后