Join Morten Rand-Hendriksen for an in-depth discussion in this video Building a simple test project, part of WordPress: Developing with Sass and Grunt.js.
- View Offline
- Before we dive any deeper into the Sass and Grunt…and WordPress wordflow,…it's important to make sure what we've set up so far…is working properly.…And for that we're going to use a test project.…In the exercise files for this course,…you'll find a folder called sass tests…and I want you to grab that and put it on your desktop.…Inside of this folder there's only one file, gruntfile.js,…and there's also a folder called SCSS…that has three SCSS files.…Now we're going to be working with these files to test…to see if we can get Grunt to compile Sass for us.…
And here we need to use a code editor.…Like I said before, I'm going to use Brackets…as my code editor in this course,…but you can use whatever code editor you want.…So here's Brackets,…I'll open it and then I need to point Brackets…at the project folder.…So I'll go file, open folder,…desktop and find sass test and just open it.…This gives me access to all the files within that folder.…So I'm not going to talk about the Grunt file just yet,…we'll cover that later.…
Note: This course doesn't teach Sass itself. To learn more about the language, watch CSS with LESS and Sass.
- Setting up your development environment
- Installing Node.js, Ruby, Grunt, and Sass
- Setting up Grunt and Sass on Mac and Windows
- Adding support to Grunt, Sass, Watch, and Autoprefixer in WordPress
- Building custom themes with _s and Sass