tinas / psg

Pug and SASS starter template with Gulp.js

PSG

Pug and SASS starter template with Gulp.js

Introduction

PSG gives you a starter template so you can do frontend development quickly.

PSG uses Pug and SASS to provide flexibility in HTML and CSS part.

PSG uses Browsersync to view changes made simultaneously and Gulp.js to automate your workflow.

Setup

Install dependencies:

$ npm install

Run gulp task:

$ npm run gulp

Initial folder structure

PSG initial folder structure should look like this:

src/
├── scss
│   ├── abstracts
│   │   └── _variables.scss
│   ├── base
│   │   ├── _base.scss
│   │   └── _grid.scss
│   ├── components
│   │   └── _hello.scss
│   ├── libs
│   │   └── _normalize.scss
│   ├── pages
│   │   └── _home.scss
│   └── main.scss
└── views
    ├── components
    │   └── hello.pug
    ├── global
    │   └── layout.pug
    └── index.pug

🔑 License

MIT © Ahmet Tınastepe

See LICENSE for details.