Package frontend-skeleton
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