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
@icuxika/vue-scaffold-ui
import 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!