Skip to content

🌊Made my own Sass+Gulp boilerplate to make new projects easier to get started🌊

Notifications You must be signed in to change notification settings

evandahs15/SASS-Gulp-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Starter Kit

Requirements

This project have some requeriments you need to meet in order to compile it. First of all, you need NodeJS in order to run javascript on the console, you can go to the NodeJS site and follow trough the installation process. After you get the node command on the console you will have the node package manager npm as well. Now you need to install Gulp with the following command.

npm install -g gulp

Gulp is the one that will run all the compilation, watchers and others tasks. To learn more about Gulp and all it's magical abilities check out there website here.

Install

In order to start using the project you need to clone it to your computer. You can download the the zip version.

After you have it on you pc, you need to go in the console to the project folder and execute the following command to gather all the dependencies.

npm install

How to use

Once you have the project open you should be able to open your terminal and type gulp in the command line and magic will take place. Here are the command you can run.

default: Compile and watch for changes
scripts: Compile the JavaScript files
sass: Compile the Sass styles
images: Copy the newer to the build folder
vendors: Copy the vendors to the build folder
watch: Watch for any changes on the each section
The gulp command is the best choice for you most likley. Go to the project folder in the console and execute gulp, it will compile the project and start a server that will refresh every time you change something in the code. Gulp will be watching for changes and will tell you how to access the project from local and public url. Every browser that point to that url will be auto refreshed. As an extra feature for testing purpose any interaction on one browser will be reflected on any others. Try it on a phone, tablet and pc at the same time.

Once you have the project running in the terminal you can delete the partial

sources/sass/6-pages.sass

It's purpose is purley to get you started and have something "schmancy" on the screen when it launches. delete it and start writing your very own "schmancy" code for your project.

If you want to use SCSS or LESS feel free to make that change in the file types and update the gulpfile to look for the right file types also.

Feel free to add onto this project by forking it and making it your own, This is just a basic start but work for most basic project without a lot of fancy bells and whistles.

Cheers 👍🏼

About

🌊Made my own Sass+Gulp boilerplate to make new projects easier to get started🌊

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published