手把手教你在Vue项目中使用scss

一.首先要了解什么是CSS 预处理器? SCSS是一种CSS预处理语言

定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS

二. 那么SCSS和SASS 有什么区别呢?

* 文件扩展名不同,文件后缀分别是“.scss”和“.sass”

* sass是以严格缩进语法规则来编写代码的,不包括大括号和分号,而scss的语法和css书写语法类似;sass的安装和使用不细说了;

* scss是sass3.0引入的语法,可以理解scss是sass的一个升级版本,是一种SCSS-like语言,弥补了sass和css之间的鸿沟;

下面开始分享如何在Vue中使用scss(只需要简单的五步)


vue项目上安装SCSS和开发入门

本文来自  作者:广积粮缓称王

防止忘记,所以记录下来

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容