您的位置:首页 > 产品设计 > UI/UE

webstorm开发vue组件时,支持scss/less等预处理语言

2017-01-10 14:45 489 查看
vue组件支持预处理语言的关键点:

<style rel="stylesheet/scss" lang="scss">
.mint-swipe {
height: 300px;
.mint-swipe-indicators {
width: 98%;
text-align: right;
left: 0;
transform: translateX(-0);
.mint-swipe-indicator {
opacity: .8;
background: #ddd;
}
.is-active {
background: #2745FF;
}
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
</style>


只需要在style加上rel=”stylesheet/scss”就能正确识别scss代码啦,相同less也是一样的
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css3 vue