# create-pen

> CLI tool for creating CodePen liked project.

Latest version **0.0.6** (published 2019-06-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install create-pen
pnpm add create-pen
yarn add create-pen
bun add create-pen
```

Provides the command `create-pen`.

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.6 |
| Published | 2019-06-05 |
| First published | 2019-05-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 41.4 KB |
| Known vulnerabilities | 0 (+2 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Tuan Pham |
| Maintainers | tuanpham-dev |
| Keywords | create, pen, codepen, code, playground, cli, frontend |

## Links

- npm: https://www.npmjs.com/package/create-pen
- Repository: https://github.com/tuanpham-dev/create-pen
- Homepage: https://github.com/tuanpham-dev/create-pen#readme
- Issues: https://github.com/tuanpham-dev/create-pen/issues
- npm.io page: https://npm.io/package/create-pen

## Dependencies (4)

- [ejs](https://npm.io/package/ejs.md) ^2.6.1
- [chalk](https://npm.io/package/chalk.md) ^2.4.2
- [yargs](https://npm.io/package/yargs.md) ^13.2.4
- [shelljs](https://npm.io/package/shelljs.md) ^0.8.3

## Alternatives

- [flatbuffers](https://npm.io/package/flatbuffers.md) — 6.0M weekly downloads
- [@exodus/patch-broken-hermes-typed-arrays](https://npm.io/package/@exodus/patch-broken-hermes-typed-arrays.md) — 28.5K weekly downloads
- [@native-to-anchor/buffer-layout](https://npm.io/package/@native-to-anchor/buffer-layout.md) — 12.2K weekly downloads
- [binary-parser-encoder](https://npm.io/package/binary-parser-encoder.md) — 5.3K weekly downloads
- [datasets-fi-postalcodes](https://npm.io/package/datasets-fi-postalcodes.md) — 1.1K weekly downloads

## Recent versions

- 0.0.6 (latest) — 2019-06-05
- 0.0.5 — 2019-06-04
- 0.0.4 — 2019-06-01
- 0.0.3 — 2019-06-01
- 0.0.2 — 2019-05-31

## README

[![Build Status](https://travis-ci.org/tuanpham-dev/create-pen.svg?branch=master)](https://travis-ci.org/tuanpham-dev/create-pen)
# Create Pen
CLI tool for creating CodePen liked project.

## Installation
```bash
npm i -g create-pen
```

## Usage
### Options
```bash
$ create-pen --help
Usage: create-pen <pen_name> [options]

Options:
  --help             Show help  [boolean]
  --version          Show version number  [boolean]
  --html, -h         HTML preprocessor  [choices: "html", "pug", "liquid"] [default: "html"]
  --css, -c          CSS preprocessor  [choices: "css", "scss", "sass", "postcss"] [default: "css"]
  --js, -j           Javascript preprocessor  [choices: "javascript", "coffee", "typescript"] [default: "javascript"]
  --indent, -i       Indent style  [choices: "tab", "space"] [default: "tab"]
  --indent-size, -s  Indent size  [default: 4]

Examples:
$ create-pen mypen -h pug -c scss -j typescript  create 'mypen' project with pug as html, scss as css and typescript as javascript

```

### Run Development Server
```bash
$ npm start
```

### Build Project
```bash
$ npm build
```

### Convert Sass ⇄ SCSS
If the CSS Proprocessor is `scss` or `sass`, you can run this command to convert `scss` to `sass` or `sass` to `scss`. Required Ruby Sass to do that.
```bash
$ npm run convert
``` 

## License
MIT © Tuan Pham

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