开发制作WordPress主题或插件时，应该使用Sass，WordPress：用Sass和Grunt.js开发 中文字幕视频教程

如果你想使用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