sass入门

xiaoxiao2021-02-28  125

基本理解

sass是预编译css的一种工具,语法分为sass和scss,本质上是一样的,但是由于scss的语法更接近css,所以scss更受到前端人员青睐

安装环境

首先安装ruby,见百度经验 之后安装sass 使用如下指令

gem install sass

sass编译

命令编译

编译指令

sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css

在实际编译过程中,你会发现上面的命令,只能一次性编译。每次个性保存“.scss”文件之后,都得重新执行一次这样的命令。如此操作太麻烦,其实还有一种方法,就是在编译 Sass 时,开启“watch”功能,这样只要你的代码进行任保修改,都能自动监测到代码的变化,并且给你直接编译出来:

sass --watch <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css

GUI 界面工具编译

推荐使用 Koala (http://koala-app.com/) Compass.app(http://compass.kkbox.com/)

在线编辑器网址

http://sassmeister.com/

具体语法

见慕课网中的第4章和第5章 http://www.imooc.com/learn/311

转载请注明原文地址: https://www.6miu.com/read-77672.html

最新回复(0)