Using Gulp-SASS with VS Code task runner

Published on August 07, 2015 in VS Code · Read time 4 minutes

With the task runner built in to VS Code, you can set up Gulp to automatically compile your SASS files to CSS with a simple key press. VS Code task runner prerequisites To be able to get this working, you need the following prerequisites Windows, Linux or Mac VS Code Node.js and NPM Gulp.js To install Gulp run the following command; or To install into your development environment. I’d generally recommend installing gulp globally as you will likely be using it a lot. You will probably want to install gulp-sass locally in your dev environment. We will get to that shortly. Existing Project If you are using an existing project and you already have a Gulp file ( GulpFile.js ) and a package.json file, feel free to skip the next step. New Project Create a new folder for your project, open VS Code and click File > Open Folder . Point to your new folder and click OK . Open a Node.JS command prompt, and change directory to your new folder. Now type the following command; As shown here; You will be prompted to enter details about your project. Either accept the default by pressing Enter or enter the details as appropriate. This will generate a package.json file for your project…