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文件会随之修改


网友评论