如何五分钟搞定VueSass

首先,大家知道在网站开发项目的过程中,大家都普遍使用css预处理器了。

也就是less,sass,stylus这三个东西,这三者的话也确实没有让大家失望。

让我们的开发效率提升很多,里面有很多好用的功能,变量,嵌套,循环,继承,混合等等。

不过这三者里面呢,less功能稍微欠缺了点。

而stylus的话呢,由于写法比较新颖,我个人不太接受,所以今天要讲的还是sass。

其实,早在年sass就诞生了。

只不过那时候前端的概念在国内还不是特别普及,随着年html5的发布,国内大前端的兴起,sass自然也就走进大家的视野了。

不过呢,由于以前sass在安装方面比较麻烦的原因,所以大家更偏向于less。

然而,随这前端框架vue,react的兴起,sass的使用率也在进一步飙升。

那么,今天就来讲讲在框架里面,怎么去使用sass。

这里以Vue为例,使用Vue-Cli进行案例开发讲解。

首先,要使用Vue的话呢,最简单的方法当然就是使用脚手架Vue-Cli了

使用vue第一步:安装Node

目前前端大多数工具都是需要用到node的,所以node必须要安装哦。




转载请注明:http://www.aierlanlan.com/rzdk/3773.html