–[CSS预处理器]Stylus in Vue

[CSS预处理器]Stylus in Vue

为什么选择Stylus做预处理呢?

  • 那么在SaaS,Less和Stylus中,为什么选择后者呢?因为Stylus是来源于Node.js社区,与js关系密切,所以基于Vue.js的开发,我们选择使用Stylus。

配置Stylus环境

npm install stylus

在vue项目中安装stylus和stylus-loader

npm install stylus –save-dev npm install stylus-loader –save-dev

.vue单文件中使用

html,bodu padding:0;margin:0; … (无需花括号)

单文件引入 .stylus

//.vue <br>import “./assets/food.stylus”<br>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

IE7下元素的 'padding-top' 遇到 'clear' 特性在某些情况下复制到 'padding-bottom'

项目中使用的是DIV+CSS布局,有一个页面是同事完成的,这几天他请假有事。项目发现一个UI Bug。在IE7下,某一个Div的padding-top会让整个d...

1995
来自专栏快乐八哥

IE7下元素的 'padding-top' 遇到 'clear' 特性在某些情况下复制到 'padding-bottom'

项目中使用的是DIV+CSS布局,有一个页面是同事完成的,这几天他请假有事。项目发现一个UI Bug。在IE7下,某一个Div的padding-top会让整个d...

2135
来自专栏葡萄城控件技术团队

移动APP的自动化测试

 开发移动应用,最耗时耗力的就是手动测试APP的每个功能点或修复bug。有人就会提议App的业务逻辑可以使用nUnit或xUnit测试单元来辅助完成。那用户界面...

2158
来自专栏林德熙的博客

win10 uwp 入门

关于UWP介绍可以参见:http://lib.csdn.net/article/csharp/32451

1261
来自专栏葡萄城控件技术团队

Xamarin 技术全解析

Xamarin 是一套基于C#语言的跨平台移动应用开发工具,今年2月份微软宣布收购Xamarin,而后在4月份进行的Build大会上微软宣布将会在各个版本的Vi...

4597
来自专栏DeveWork

5 款前沿的WordPress主题后台选项开发框架推荐

在开发WordPress 主题的时候,借用成熟的WordPress 主题后台选项开发框架可以为我们省下不少功夫。相信你接触过不少国人做的所谓“原创”主题,一看后...

23410
来自专栏LinXunFeng的专栏

解决Xcode9 Swift4下Cocoapods编译Swift第三方时报错

1753
来自专栏葡萄城控件技术团队

Silverlight 结构分析

Silverlight是微软提供的一种Web前端应用程序开发框架,是微软RIA的主要应用程序开发平台。Silverlight以浏览器的插件方式,提供丰富的多媒体...

1918
来自专栏Timhbw博客

Markdown编辑器推荐–MarkdownPad

2016-03-1008:56:41 发表评论 406℃热度 如果安装碰到渲染错误问题,请点击。 Markdown Markdown是一种可以使用普通文本编...

37412
来自专栏葡萄城控件技术团队

Xamarin 学习笔记 - Page(页面)

在之前的章节,我讲解了如何为Android或者iOS应用程序开发准备环境以及Layout布局的一些基本概念。

1012

扫码关注云+社区