–[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 条评论
登录 后参与评论

相关文章

来自专栏大数据钻研

学习HTML的笔记

不知不觉我已经踏上了这条程序猿的不归路,从最基础的HTML标签开始学习,道阻且艰。谨用简书来记录这些 即使敌众我寡,末将亦能万军丛中取敌将首级! 框架 公司开发...

2699
来自专栏进击的君君的前端之路

CSS3简介

924
来自专栏十月梦想

Vue动画之多个元素或组件的动画效果

        前面我们看的是单个元素的过渡效果,我们看一下多个元素或者组件的过渡

1092
来自专栏木子昭的博客

媒体查询(前端面试题)

? 一个小游戏的公司的前端面试题 ? 效果演示.gif 考点 基础的布局知识, 左侧浮动脱离标准流, 右侧marg...

3505
来自专栏游戏杂谈

Flex调整文本的距离

503
来自专栏腾讯社交用户体验设计

表格边框你知多少

1073
来自专栏前端杂货铺

IE6下的png透明图片的背景定位

在IE6下PNG透明图片做背景,无法使用background-position进行定位。但是可以使用margin和绝对定位来进行。 另外,由于IE6下的 :ho...

3389
来自专栏前端小叙

input框取消光标颜色手机端不生效

<style> input{ color:transparent; } </style> <input value="我要隐藏光标"> //文字颜色可以...

3646
来自专栏编程直播室

Canvas 显示图片

1484
来自专栏破晓之歌

JS 事件绑定、事件监听、事件委托详细介绍 转

在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)等。这些名词是什么意思呢,有什么作用...

773

扫码关注云+社区