如果你想使用CSS，而不是使用CSS，那么在构建WordPress主题或插件时，应该使用Sass
Sass是WordPress采用且广泛支持的CSS编译器，它允许您使用变量，混合和嵌套来编写更简单的代码
在这门课程中，Morten Rand-Hendriksen介绍了将Sass整合到WordPress主题开发中的实际工作流程，以及Grunt.js，这是一个将Sass代码转换为适合浏览器的CSS的任务运行程序
First Morten通过完整的生产环境向观众走去，包括在Windows和Mac上实施版本控制，Grunt.js，Ruby和Sass
然后，他将展示实用的工作流程，以便用Sass开发自定义主题（基于_s或Underscores主题），并向公众发布“纯CSS”版本
注意：本课程并未教授Sass本身
要了解有关该语言的更多信息，请使用LESS和Sass观看CSS
主题包括：
设置你的开发环境
安装Node.js，Ruby，Grunt和Sass
在Mac和Windows上设置Grunt和Sass
在WordPress中添加对Grunt，Sass，Watch和Autoprefixer的支持
使用_s和Sass构建自定义主题

– 嗨，我是Morten Rand-Hendriksen，Lynda.com的工作人员，这是WordPress：使用Sass和Grunt.js进行开发。
Sass是一种流行的CSS扩展语言，它允许我们使用像变量和mixin，partials和nesting这样的东西来编写更简单的CSS。
它在前端Web开发社区以及WordPress社区中变得非常流行，这就是为什么你应该学习如何使用它。
现在，Sass面临的挑战是，您不能简单地编写Sass代码或SCSS代码，并将其呈现给浏览器。
为了让浏览器了解它，我们必须将其转换为CSS。
而在WordPress社区中，最常见的做法是使用称为Grunt的Task Runner应用程序。
首先，我们将看看Sass和Grunt以及如何以最好的方式使用这些应用程序。
然后，我将向您展示如何在Windows计算机和Mac上安装Sass和Grunt。
最后，我将从头开始使用Underscores和Sass以及Grunt.js来引导您开发一个新的自定义主题的工作流程。
了解如何使用Sass和Grunt.js将大大提高您的自定义主题开发的工作流程。
所以，让我们开始与WordPress：用Sass和Grunt.js进行开发。
练习文件列表
Ex_Files_WPDevSassGrunt.zip9.4K