Vue Scaffold UI

A Vue 3 Component Library

English | 中文

Project structure

vue-scaffold-ui
│
└───lib[Library Directory]
│   │   index.ts
│   
└───src[Library demo directory]
│   │   main.ts

Documentation

http://blog.icuxika.com/vue-scaffold-ui/

Usage

installation

yarn add @icuxika/vue-scaffold-ui

or

npm install @icuxika/vue-scaffold-ui

Direct

import @icuxika/vue-scaffold-ui

import { VBanner, VButton } from "@icuxika/vue-scaffold-ui";
import "@icuxika/vue-scaffold-ui/style.css";

template

<VBanner />
<VButton loading>naive-ui</VButton>

Plugin

import

import {
	create as createVUI,
	VBanner,
	VButton,
} from "@icuxika/vue-scaffold-ui";
import "@icuxika/vue-scaffold-ui/style.css";

const vueScaffoldUI = createVUI({
	components: [VBanner, VButton],
});

const app = createApp(App);
app.use(vueScaffoldUI);

template

<v-banner></v-banner>
<v-button loading>Vue Scaffold UI</v-button>

Build

preview

yarn dev

build lib

yarn build

publish

npm publish

Other

format

yarn lint

pre-commit

yarn cm

Thanks

How To Create A Vue.js 3 Plugin Component With Others In Minutes And Publish NPM!