在ArchLinux中安装Stylus而不会死

Stylus 是代码预处理器 的CSS，这使我们可以在文本编辑器中更简单地工作，然后我解释了我声明的原因。

我们知道这是一个样式表：

身体{font：12px Helvetica，Arial，sans-serif; } a.button {-webkit-border-radius：5px; -moz-border-radius：5px; border-radius：5px; }

这与创建的样式表相同 触控笔：

正文字体12px Helvetica，Arial，无衬线a.button -webkit-border-radius 5px -moz-border-radius 5px border-radius 5px

钥匙在哪？ 分号在哪里，冒号？ 忘记了， Stylus 为我们做到了。

如果您以 的CSS y HTML 不建议使用 Stylus 对于一个简单的事实，您可能会忘记事情的真实运行方式，但是如果您已经有足够的时间在这个世界上，并且想要保存自己的代码和工作，请继续..

程式设计师 蟒蛇 会在 Stylus 与它们所适应的东西非常相似，因为您只需正确缩进即可完成魔术。

安装

为 Stylus 我们必须安装的工作 Node.js的 它位于Community分支中，因此我们继续这样做：

$ sudo pacman -S nodejs

然后我们安装手写笔。 传统方式是：

$ npm install -g stylus

它可以很好地安装，但是对我不起作用，因此从AUR安装起来要容易得多：

$ yaourt -S nodejs-stylus

手写笔的使用方法

好的，我们已经安装好了 Node.js的 并且我们已经安装 Stylus.. 我们怎么用它？ 很简单。 假设我们有一个包含以下文件的目录：

-目录-index.html-style.css

我们要做的就是创建文件 样式，这是我们要进行的工作。 在该文件中，我们可以有类似以下内容：

正文背景颜色#ffff字体大小12px a。按钮颜色红色填充10px

如果我们保存或进行任何更改，则不会发生任何事情，因为我们不是在“编译”文件。 要编译它，我们要做的是在目录中打开一个终端（文件位于 样式），然后执行：

stylus -c style.styl

但是每次我们保存文件时 样式 我们将不得不执行代码，但是幸运的是，这不是必需的，因为如果我们执行相同的命令，而是添加参数 -w （观看）发生以下情况：

手写笔-c -w style.styl观看/usr/lib/node_modules/stylus/lib/functions/index.styl编译的style.css观看的style.styl编译的style.css编译的style.css

换句话说，文件会自动编译..结果会是吗？

正文{background-color：#fff; font-size：12px} a.button {color：＃f00; padding：10px}

如您所见，我们的代码不仅创造了我们 的CSS，但消除了不必要的空间，使样式表的重量减轻了😀

不仅， Stylus 它允许我们将CSS文件传递为它们的格式，并且使用它们的语法的方式也多种多样。 这只是预览。 因此，如果您有兴趣，我鼓励您多了解一些 Stylus