Skip to content

Template Build HTML, CSS, JS working with Twig, Gulp

Notifications You must be signed in to change notification settings

NautHnil/html-tool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML Tool

Install

Make sure you have npm and gulp 4 installed on your system.

Installing gulp 4 globally

You will need to remove your current gulp global package before installing v4 in order to do an upgrade.

npm rm -g gulp
npm install -g gulp-cli

This command removes your current global package and installs v4 from the gulp-cli 4.0 branch. Make sure you don't get any errors from the first command before you type the second.

To verify what version you have installed globally, you can run the below command (and should see a similar output).

$ gulp -v
CLI version 2.0.1

How to run

Open your terminal (cmd) and run commands below:

cd project_folder
npm install
gulp

Preview

VIEW DEMO

Twig template engine

Project structure folder

.
├── dist                     # Compiled files
├── src                      # Source files
│   ├── assets
│   │   ├── css
│   │   ├── fonts
│   │   ├── images
│   │   ├── js
│   │   └── libraries
│   ├── data
│   ├── sass
│   │   ├── base
│   │   ├── components
│   │   ├── layouts
│   │   ├── libraries
│   │   ├── mixins
│   │   └── style.scss
│   ├── scripts
│   └── views
│       ├── parts
│       │   ├── components
│       │   ├── extras
│       │   ├── includes
│       │   │   └── sidebar
│       │   └── pages
│       ├── shared
│       │   └── layout.html
│       └── index.html
└── README.md

Add new page & Add new data.

Ex: src/views/page_name.html, src/data/page_name.json

Libraries CSS/JS/FONTS

About

Template Build HTML, CSS, JS working with Twig, Gulp

Resources

Stars

Watchers

Forks

Packages

No packages published