CSS预处理器stylus - 安装与使用

CSS预处理器stylus

---

一、简介 （文章来源于网络总结）

css预处理器有Less、Sass（Scss）及Stylus；它们各自的背景如下:

1.Sass： 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS 需要使用分号和花括号而不是换行和缩进）。

2.Less： 2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部分开发者和设计师更容易上手，在ruby社区之外支持者远超过SASS，其缺点是比起SASS来，可编程功能不够，不过优点是简单和兼容CSS，反过来也影响了SASS演变到了SCSS的时代，著名的Twitter Bootstrap就是采用LESS做底层语言的。

3. Stylus： 2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，在此社区之内有一定支持者，在广泛的意义上人气还完全不如SASS和LESS。

**** 上述文章段落，摘自 简书

---

二、安装

安装好 nodejs 之后，接着执行cmd指令：

	npm  install stylus -g

---

三、基本用法：

参考文章：

1. 张鑫旭-鑫空间-鑫生活 ：stylus中文文档

2. 简书文章段落：三、语法举例

---

以上就是关于“ CSS预处理器stylus - 安装与使用 ” 的全部内容。