vue中css预处理器scss的使用

1.什么是css预处理器?

   css预处理器定义了一种新的语言,以一种编程语言赋予css编程的特性,使开发者在css中也可以使用变量,简单的逻辑程序,函数等在编程语言中的特性。其目的是为了使css开发更加灵活和强大。

scss和sass都是css的预处理器语言,sass的3.0以后的版本就叫做scss

2.vue中sass安装

指定安装版本,防止默认安装最新版本报错

npm install [email protected] --save-dev  //将sass编译成css
npm install [email protected] --save-dev   //在node环境下将sass编译成css,sass-loader依赖于node-sass

3.scss的使用

4.scss的语法规则

详见scss的官方文档

https://www.sass.hk/docs/

你可能感兴趣的:(Vue学习笔记,css,sass,less)