美文网首页
vue sass 使用

vue sass 使用

作者: 丶温瞳 | 来源:发表于2018-11-02 11:13 被阅读16次

    第一部分:Sass语言

     Sass是一种强大的css扩展语言(css本身并不是一门语言),它允许你使用变量、嵌套规则、mixins、导入等css没有但开发语言(如Java、C#、Ruby等)有的一些特性,并且完全兼容CSS语法。Sass有助于保持大型样式表结构良好。

          Sass有两种语法。

    一种称为SCSS,是一个CSS3语法的扩充版本,也就是说,所有符合CSS3语法的样式表也都是具有相同语法意义的SCSS文件,SCSS样式表文件要以.scss扩展名结尾。在vue中,我们可以使用来标志里面的内容是以SCSS语法来书写的。

    一种称为SASS,是Sass以前的语法,它和python一样,没有{}大括号来标志程序块,而是以缩进来标志嵌套层级;而且也不使用分号,而是用换行符来分隔属性。SASS样式表文件要以.sass扩展名结尾。在vue中,我们可以使用来标志里面的内容是以SASS语法来书写的。

    第二部分、VUE2.0中集成Sass   

     Step1:在项目中安装Sass 

    1. npminstallnode-sass --save-dev2npminstallsass-loader --save-dev


    相关文章

      网友评论

          本文标题:vue sass 使用

          本文链接:https://www.haomeiwen.com/subject/bdoygftx.html