https://github.com/graphieros/vue-data-ui-cli

A CLI tool to create Vue Data UI chart component boilerplates
https://github.com/graphieros/vue-data-ui-cli

boilerplate charts cli vue vue-data-ui vue3

Last synced: 10 months ago
JSON representation

A CLI tool to create Vue Data UI chart component boilerplates

• Host: GitHub
• URL: https://github.com/graphieros/vue-data-ui-cli
• Owner: graphieros
• License: mit
• Created: 2024-12-21T09:37:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-09-01T05:43:44.000Z (10 months ago)
• Last Synced: 2025-09-01T06:16:24.215Z (10 months ago)
• Topics: boilerplate, charts, cli, vue, vue-data-ui, vue3
• Language: JavaScript
• Homepage:
• Size: 129 KB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vue Data UI CLI

[![npm](https://img.shields.io/npm/v/vue-data-ui-cli)](https://github.com/graphieros/vue-data-ui-cli)

[![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui-cli)](https://github.com/graphieros/vue-data-ui-cli/issues)

[![License](https://img.shields.io/badge/license-MIT-green)](https://github.com/graphieros/vue-data-ui-cli?tab=MIT-1-ov-file#readme)

[![npm](https://img.shields.io/npm/dt/vue-data-ui-cli)](https://github.com/graphieros/vue-data-ui-cli)

A CLI tool to generate Vue Data UI chart component boilerplates.

## Installation

```bash

npm i -g vue-data-ui-cli

```

## Usage

Run the CLI command:

```bash

vdui-cli

```

![image](https://github.com/user-attachments/assets/ec300a98-986c-4e28-adcb-67bc64c8898c)

https://github.com/user-attachments/assets/2554de06-cf8f-460e-bcd3-addd7291151c

You will be prompted for the following:

- Select a Vue Data UI component

- Use computed or ref for the dataset

- Use computed or ref for the config

- Use TypeScript or not

- The name of your Vue component

- The directory to create the component

The tool will then create a Vue file containing the boilerplate chart component, with a sample dataset for immediate testing.

## Vue Data UI documentation

Check out the [official documentation website](https://vue-data-ui.graphieros.com/)