首先,大家知道在网站开发项目的过程中,大家都普遍使用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必须要安装哦。
去