0.2.0 • Published 8 years ago

tempgen v0.2.0

Weekly downloads
2
License
MIT
Repository
github
Last release
8 years ago

Website Template Generator (tempgen)

Website Template Generator (tempgen) is a simple CLI (Command Line Interface) tool that creates a skeleton structure of a modern website.

Features include:

  • an index.html page with boilerplate HTML
  • option to include Eric Meyer's CSS reset
  • option to choose between CSS and SASS/SCSS
  • option to choose live reload server

The utility is cross platform compatible (Windows, OSX, Linux and any Unik like systems)

Installation

Using NPM

The utility is available in NPM and can be installed using the following command:

sudo npm install tempgen

Description

FlagDescriptionRequired
-w, -website-namename of the folder to be generatedyes
-r, --resetspecify this option to add reset. By default falseno
-s, --sassspecify this option to add sass. If -r specified, sass will be added with reset. By default falseno
-l, --live-reloadSpecify this option to add live reload. By default falseno

Usage

tempgen [-r | -s | -l ] -w|--website-name <your-website-name>

Example 1:

Input
tempgen -w mysite
Output
mysite
├── css
│   └── style.css
├── index.html
└── js
    └── script.js

Example 2:

Input
tempgen -s -r -w mysite
Output
mysite
├── css
│   └── style.css
├── index.html
├── js
│   └── script.js
└── scss
    ├── _reset.scss
    └── style.scss

Creating a site with live reload server

input
tempgen -s -r -l -w mysite
Output
mysite
├── css
│   └── style.css
├── gulpfile.js
├── index.html
├── js
│   └── script.js
├── package.json
└── scss
    ├── _reset.scss
    └── style.scss

The live reload server uses gulp modules. So, you have to do an npm install to install the dependencies.

sudo npm install

After which you can launch the live reload server by running the gulp task named serve.

gulp serve