# html-rapid-prototype

> Template system for static html files to make prototype iterations fast and easy

Latest version **1.1.0** (published 2018-03-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install html-rapid-prototype
pnpm add html-rapid-prototype
yarn add html-rapid-prototype
bun add html-rapid-prototype
```

Provides the command `rp`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2018-03-09 |
| First published | 2018-03-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 153.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Amo DelBello |
| Maintainers | amodelbello |
| Keywords | html, template, static, include, prototype, design |

## Links

- npm: https://www.npmjs.com/package/html-rapid-prototype
- Repository: https://github.com/amodelbello/html-rapid-prototype
- Homepage: https://github.com/amodelbello/html-rapid-prototype#readme
- Issues: https://github.com/amodelbello/html-rapid-prototype/issues
- npm.io page: https://npm.io/package/html-rapid-prototype

## Dependencies (3)

- [yargs](https://npm.io/package/yargs.md) ^11.0.0
- [bluebird](https://npm.io/package/bluebird.md) ^3.5.1
- [node-watch](https://npm.io/package/node-watch.md) ^0.5.7

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2018-03-09
- 1.0.1 — 2018-03-04
- 1.0.0 — 2018-03-04

## README

# html-rapid-prototype
Template system for static html files to make prototype iterations fast and easy

Easily include partials, css, and js in your html.

## Installation
```bash
npm install -g html-rapid-prototype
```

## Usage

### Create A New Project
```bash
mkdir <project-dir>
cd <project-dir>
rp init
```
This will generate a basic scaffold with an index.html file:
```bash
src/
  css/
    styles.css
  js/
    script.js
  img/
    test.jpg
  layouts/
    layout.html
  partials/
    header.html
    footer.html
  index.html
  config.json
  
dist/
  css/
    styles.css
  js/
    script.js
  img/
    test.jpg
  index.html
```
Alternatively you can specify file names with the init command to generate content files on project creation, e.g:
```bash
rp init index.html contact.html about.html
```

### Build Files
```bash
rp build
```
This will build out all of the content files from `src` into `dist`, including partials, css, and js.

### Watch
```bash
rp watch
```
Build and then watch for changes in project directory.

### Generate Content File(s)
```bash
rp generate <filename ...>
```
Generates new content file(s) in `src` and builds. 
At least one filename must be specified.

### Configuration
`rp init` creates a `config.json` file in the `src` directory where you can specify website title and list out any css or js files you wish to be included in the generated content. Note: the css/js files must exist in src/css and src/js in order for this to work.

---
_Source: https://npm.io/package/html-rapid-prototype · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._