stylus第二步：生成css
2017-11-20 09:54
417 查看
第一步安装请看stylus的安装
我也刚开始学啦作为学习过程的记录，如果有什么差错请用力拍打评论和私信，谢谢各位大神。
项目目录如下：
在项目目录下执行命令：
stylus –compress src/
看好项目目录，不要运行错位置。
没有问题的话会输出 compiled src\style.css，就是生成好的css啦。
然后在style.styl中写样式，把css文件链到页面中就行了。
但是这样写每次更改styl文件后都得运行命令再次生成css文件才会生效，很麻烦，所以下一节学习grunt
其他命令：
stylus –css css/example.css css/example.styl CSS转换成styl
stylus help box-shadow CSS属性帮助
我也刚开始学啦作为学习过程的记录，如果有什么差错请用力拍打评论和私信，谢谢各位大神。
项目目录如下：
在项目目录下执行命令：
stylus –compress src/
看好项目目录，不要运行错位置。
没有问题的话会输出 compiled src\style.css，就是生成好的css啦。
然后在style.styl中写样式，把css文件链到页面中就行了。
但是这样写每次更改styl文件后都得运行命令再次生成css文件才会生效，很麻烦，所以下一节学习grunt
其他命令：
stylus –css css/example.css css/example.styl CSS转换成styl
stylus help box-shadow CSS属性帮助
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus
- 巧用css内容生成
- javascript、CSS、XML动太生成树菜单
- 详说css与预处理器（以及less、sass、stylus的区别）
- 关联网页自动切片生成Div+Css软件dedeCms版 玉目智能众包平台
- js动态生成css代码
- 找个些有用的网站（CSS生成）
- 前端自动生成/加载CSS
- 安装Nodejs、npm、Less（支持生成压缩后的css）
- CSS巧用content内容生成
- 快速生成CSS--LESS学习总结
- 在 msbuild 生成时，每次都生成很多css,js,img 文件，如果不想每次编译都有这些需要这样配置
- CSS 预处理器（框架）初探：Sass、LESS 和 Stylus
- css导航栏在线生成
- UrlRewriter 出错 “没有为扩展名.css注册的生成提供程序” 解决办法。
- 利用css与html生成瀑布流图片展示
- 三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus
- jenkins 生成引用外部CSS、JS的HTML无法打开
- 推荐14款非常有用的 CSS 网格系统生成工具
- [cnblogs镜像]页面定制CSS代码初探（六）：h2、h3 标题自动生成序号 详细探索过程