less & sass

2017-04-29  本文已影响80人  饥人谷_hak

什么是less

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。
Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。

less语法

<a href="http://less.bootcss.com/features/">中文文档</a>

1.安装less

$ npm install -g less

2.命令行用法

$ lessc styles.less

使用后的less重定向到你的CSS文件

$ lessc styles.less > style.css

3.watch 用法
安装watch

$ npm install -g watch

使用watch

$ watch "less style.less > style.css"

这样就可以自动重定向

sass

<a href="http://sass.bootcss.com/docs/sass-reference/">中文文档</a>
1.什么是sass
Sass 是成熟、稳定、强大的 CSS 扩展语言。

2.安装sass,安装node版本

$ npm i -g node-sass
上一篇 下一篇

猜你喜欢

热点阅读