# element-theme-plus-qc

> Theme generator cli tool for Element

Latest version **1.0.2** (published 2021-01-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install element-theme-plus-qc
pnpm add element-theme-plus-qc
yarn add element-theme-plus-qc
bun add element-theme-plus-qc
```

Provides the commands `etp`, `element-theme-plus-qc`.

## 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.0.2 |
| Published | 2021-01-25 |
| First published | 2021-01-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=0.12.0 |
| Dependencies | 9 |
| Unpacked size | 9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | original author qingwei-li |
| Maintainers | qicai666 |
| Keywords | element-ui, vue, theme, cli |

## Links

- npm: https://www.npmjs.com/package/element-theme-plus-qc
- Repository: https://gitee.com/qicai666/element-theme-plus-qc
- Issues: https://gitee.com/qicai666/element-theme-plus-qc/issues
- npm.io page: https://npm.io/package/element-theme-plus-qc

## Dependencies (9)

- [ora](https://npm.io/package/ora.md) ^0.3.0
- [gulp](https://npm.io/package/gulp.md) ^4.0.2
- [gulp-nop](https://npm.io/package/gulp-nop.md) 0.0.3
- [commander](https://npm.io/package/commander.md) ^2.9.0
- [gulp-sass](https://npm.io/package/gulp-sass.md) ^3.1.0
- [gulp-cssmin](https://npm.io/package/gulp-cssmin.md) ^0.1.7
- [gulp-rename](https://npm.io/package/gulp-rename.md) ^2.0.0
- [gulp-autoprefixer](https://npm.io/package/gulp-autoprefixer.md) ^4.0.0
- [gulp4-run-sequence](https://npm.io/package/gulp4-run-sequence.md) ^1.0.1

## Alternatives

- [@salesforce/cli](https://npm.io/package/@salesforce/cli.md) — 389.7K weekly downloads
- [@mintlify/cli](https://npm.io/package/@mintlify/cli.md) — 208.9K weekly downloads
- [@grafana/e2e-selectors](https://npm.io/package/@grafana/e2e-selectors.md) — 128.7K weekly downloads
- [mintlify](https://npm.io/package/mintlify.md) — 112.0K weekly downloads
- [@intlayer/cli](https://npm.io/package/@intlayer/cli.md) — 22.8K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2021-01-25
- 1.0.1 — 2021-01-25
- 1.0.0 — 2021-01-24

## README

# element-theme-plus-qc
[![Build Status](https://travis-ci.org/ElementUI/element-theme.svg?branch=master)](https://travis-ci.org/ElementUI/element-theme)
[![npm](https://img.shields.io/npm/v/element-theme.svg)](https://www.npmjs.com/package/element-theme)

> Theme generator cli tool for Element.

![](./media/element.gif)

> The current version is compatible with element-ui@2.x. For element-ui@1.x, please check out the legacy branch.

## Installation
install local or global
```shell
npm i element-theme-plus-qc -D
```

install `theme-chalk`
```shell
npm i element-theme-chalk -D
# or from github
npm i https://github.com/ElementUI/theme-chalk -D
```

## CLI
```shell
# init variables file
etp --init [file path]

# watch then build
etp --watch [--config variable file path] [--out theme path]

# build
etp [--config variable file path] [--out theme path] [--minimize]
```

## Node API
```javascript
var et = require('element-theme')

// watch mode
et.watch({
  config: 'variables/path',
  out: 'output/path'
})

// build
et.run({
  config: 'variables/path',
  out: 'output/path',
  minimize: true
})
```

## Options
### config
Variable file path, default `./element-variables.css`.

### out
Theme output path, default `./theme`.

### minimize
Compressed file.

### browsers
set browsers, default `['ie > 9', 'last 2 versions']`.

### watch
watch variable file changes then build.

### components
A lists of components that you want to generate themes for.  All by default.

## Config
You can configure some options in `element-theme` by putting it in package.json:
```json
{
  "element-theme": {
    "browsers": ["ie > 9", "last 2 versions"],
    "out": "./theme",
    "config": "./element-variables.css",
    "theme": "element-theme-chalk",
    "minimize": false,
    "components": ["button", "input"]
  }
}
```

## License
MIT

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