使用less 写 css

66 阅读1分钟

安装less

在 Node.js 环境中使用 Less :

本地安装: npm install less
编译less: lessc styles.less styles.css

本地安装less,编译需要npx lessc x.less x.css ,全局则不需要

效果

image.png

书写规范

Less 快速入门 | Less.js 中文文档 - Less 中文网 (devjs.cn)

tips

less 注释块注释和行注释都可以使用:

/* 一个块注释
 * style comment! 编译注释会保留 */
@var: red;

// 这一行被注释掉了! 编译会删掉注释
@var: white;