The first step is to make sure you have gulp installed globally. You need to have both node and npm installed. Then do the following:
- Open terminal.
npm install gulp --g
- When it’s done installing, type:
If you get a version number, you are ready to rock and roll.
Need Node.js, npm, and/or gulp?
Next let’s create the
package.json boilerplate file. To do that, let’s run the init out of npm which will walk you through the options:
Just keep pressing the return (enter) key on your keyboard to select the defaults. When done, then open up the file. Now you can add in your name and GPL for the license.
Next you need to install gulp locally. Type:
npm install gulp --save-dev. Then go get something to drink or mess around on Twitter as it installs. When it’s done, then you need to install the following:
- Sass by typing:
npm install gulp-sass --save-dev
- Bourbon by typing:
- Neat by typing:
You now have the base node modules that you need to convert Sass over to native CSS. There will be more modules that you’ll install. But this will get you started.
A shortcut is to create the
package.json with all of the dependencies first. Then run
npm install It will then install all of the node modules. That saves you time when you clone this starter theme for new projects.
There’s a time to code and …. yup, that sums it up.
Total Lab Runtime: 00:48:15