stylus - 如何编译stylus

Stylus

本章内容:

如何编译stylus

stylus stylus.styl -o style.css

首先创建好自己的项目文件夹,通过终端进入到新创建的文件夹,创建一个后缀名为(.styl)输入以上命令。

以我目录为例:

      我的目录下有index.styl文件,我在终端输入上述命令,将我的index.styl文件编译并输出到index.css文件。
在这里插入图片描述
在这里插入图片描述
如果每次修改文件我都要重新输入一下命令行,那岂不是很麻烦。

下面是监听.styl文件的方式。

如何监听.styl文件有改动后自动编译

stylus stylus.styl -o style.css -w

在这条命令当中只是多出了 -w的字段,他的意思是实时监听。
在这里插入图片描述
Git图示例:
     .styl文件更新并保存后,会自动重新编译,并输出如index.css文件内。
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章