# quark-cli

**Repository Path**: hellof2e/quark-cli

## Basic Information

- **Project Name**: quark-cli
- **Description**: Customize your own cross-technology stack components.(自定义属于自己的跨技术栈组件。)
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-16
- **Last Updated**: 2023-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Quark CLI

使用此 CLI，您可以使用它来创建跨框架/技术堆栈组件，或者您可以将其打包为 npm 包以供分发以供其他人使用。


简体中文 | [English](./README.en-US.md)

## 安装

> 注意：Vite 需要 Node.js 版本 14.18+、16+。

```
npm i -g create-quark-app
```

## 创建 Quark 项目

With NPX:

```shell
npx create-quark-app
```

## 如何使用

```tsx
import { QuarkElement, property, customElement } from "quarkc";

@customElement({ tag: "quark-count" })
export default class MyElement extends QuarkElement {
  @property({
    type: Number
  })
  count = 0;

  add = () => {
    this.count += 1;
  }
  
  render() {
    return (
        <button onClick={this.add}>count is: { this.count }</button>
    );
  }
}
```

然后，在各种框架（React/Vue/Angular/JQ）中将其作为普通的 html 元素使用即可。

```html
<my-component></my-component>
```

## 文档

如需完整文档，请访问 [quark.hellobike.com](https://quark.hellobike.com)