stylus的简单使用

npm的安装

npm install -g stylus

运行

stylus -h

如果出现下图说明stylus安装成功


新建一个项目为Html,目录如下


index.styl中的内容

*
    padding 0
    margin 0

cmd切换到Html路径输入 stylus -w ./stylus/index.styl -o ./css/index.css
-w为stylus文件所在的路径 -o为编译后css的路径
此时已生成实时编译后的css文件,当我们修改stylus保存后css文件会随之修改

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,357评论 4 31
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,542评论 1 32
  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,707评论 9 468
  • mask 实例一:利用mask 实现 图片圆角 定义分类 UIView + Circle 使用: 实例二:放大效果...
    iOS_成才录阅读 12,564评论 1 12
  • 01 最近在读日本小众作家太宰治的小说《人间失格》,扪心自问,读到一半儿,我愣是没有读懂作者想要传达给读者的情感元...
    水木梁鱼阅读 1,169评论 4 6