stylus_安装与自动编译

stylus介绍

stylus是一个css预处理框架。来自node社区,主要用来给node项目进行css预处理支持
stylus文件后缀是 .styl

stylus安装

$ npm install -g stylus

运行stylus -h 可以获得相关的命令行支持

自动化编译

  1. 新建example文件夹
  2. 新建css文件夹
  3. 新建css/style.styl文件
  4. 打开命令行界面
  5. example目录下输入 $ stylus --compress css/    (输出compiled css/style.css ,这个时候表示你生成成功了,带上--compress参数表示你生成压缩的CSS文件。)
  6. css目录下输入 stylus -w style.styl -o style.css
    -w 是自动监视文件 -o 是将编译后的CSS文件输出到指定文件中
  7. 在style.styl里面写内容,保存即可
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值