- Bulma
- Vuejs
- Happiness
A starter template using pug and sass.
A skeleton is basically an application boilerplate that provides a good starting point for new applications.
You can use this skeleton as a starting point on writing your code in pug and scss or sass instead of semantic html/css.
Dont think too much. It's easy. Just install the following and follow the instructions.
Once installed open the Terminal and navigate to the directory where the 'skeleton-pug-scss' folder is located and then run these two commands.
$ npm install
$ bower install
Running the 'npm install' will install the following dependencies I have specified on the 'package.json'.
- gulp
- gulp-clean
- gulp-pug
- gulp-sass
- browser-sync (if you prefer you may just serve your project using harpjs)
- gulp-autoprefixer (optional)
- etc...
Same with 'bower install' this will install the bower components that I have specified on the 'bower.json'.
- jQuery
- font-awesome
- etc...
Run gulp for the first time on your Terminal. This should only be ran ones.
But if for instance you have added new plugins or assets like images and new css files, you should run this command again.
$ gulp main
and
$ gulp main serve
What 'gulp main serve' does is it runs the 'main' and 'serve' task inside the 'gulpfile.js', automatically open up a new browser window and watch your 'pug' and 'sass' files.
If you're not familiar with 'Pug' and 'Sass' you can visit their site and look for the documentation. Enjoy!