Stylus 教程

Stylus 中文教程

Stylus - 富有表现力的、动态的、健壮的CSS

对于开发来说，CSS的弱点在于静态化。我们需要一个真正能提高开发效率的工具，LESS， SASS都在这方面做了一些贡献。

Stylus 是一个CSS的预处理框架，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，所以 Stylus 是一种新型语言，可以创建健壮的、动态的、富有表现力的CSS。比较年轻，其本质上做的事情与 SASS/LESS 等类似，应该是有很多借鉴，所以近似脚本的方式去写CSS代码。

Stylus默认使用 .styl 的作为文件扩展名，支持多样性的CSS语法。

Stylus功能上更为强壮，和js联系更加紧密。Stylus对前端更加友好；

SASS需要依赖ruby运行，这点对前端并不友好(配合工具或者IDE会很不错)；

前置条件

stylus 是 Node.js 的生态内的；

如果你对Node.js还不了解，建议你可以先看下本站的 Node.js 教程

如果你对CSS的基础也很弱，可以通过本站的 CSS教程 / CSS3教程 和 CSS文档 来学习；

参考

• http://stylus-lang.com/
• https://www.zhangxinxu.com/jq/stylus/