Package frontend-skeleton

29.06.19

This package is configured to develop a frontend on sass (scss), typescript and pug. All done with gulp and webpack.

Installation

With Git

git clone https://github.com/igorrybalko/frontend-skeleton.git

With NPM

npm install frontend-skeleton

Or download from GitHub https://github.com/igorrybalko/frontend-skeleton

Of the third-party extensions frontend-skeleton includes:

  • Bootstrap 4
  • jQuery
  • Slick-carousel

Only styles are used from Bootstrap.

Gulp contains the following commands:

  • styles - starts the compilation of styles
  • scripts - starts the compilation of scripts
  • views - starts compilation of markup
  • watch - starts tracking file changes
  • default - launches the watch command. To run the default command in the console, simply type the gulp command without any parameters

If you have http-server installed, then you can run localhost: 8081 with

npm start

Main structure

frontend-skeleton/
└── src/
    ├── images/
    │    ├── marker.png
    │    └── noimage.png
    ├── pug/
    │    ├── includes/
    │    │    ├── footer.pug
    │    │    ├── head.pug
    │    │    └── header.pug
    │    └── pages/
    │          └── index.pug
    ├── scss/
    │    ├── core/
    │    │    ├── common.scss
    │    │    ├── mixins.scss
    │    │    ├── user_text.scss
    │    │    └── vars.scss
    │    ├── modules/
    │    │    ├── footer.scss
    │    │    ├── header.scss
    │    │    └── homepage.scss
    │    └── main.scss
    └── ts
         ├── modules/
         │    ├── App.ts
         │    ├── AppHelper.ts
         │    └── JqPlugins.ts
         └── index.ts

After downloading, execute the npm i command in order to install all the dependencies

blog comments powered by Disqus