Vue.js component template for Vue 2 and 2.7 and 3.
English | 简体中文
- Development environment for library mode in Vue 2.6/2.7/3
- Testing/building environment for library mode in Vue 2/3
- dts solution for library mode in Vue 2.7/3 (partial support for Vue 2.6)
- Script to adapt package.json during release
To use this template, clone it down using:
npx degit ChuHoMan/vue-demi-component-template my-componentAnd do a global replace of vue-demi-component-template and VueDemiComponentTemplate with your component library name.
Make sure to install the dependencies:
# pnpm
pnpm installStart the development server
# Vue 2.6.x
pnpm run dev:2
# Vue 2.7.x
pnpm run dev:2.7
# Vue 3
pnpm run dev:3<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script>
<!-- Make sure your current directory has this umd asset -->
<script src="/dist/v3/index.umd.js"></script>
</head>
<body>
<div id="app">
<vue-demi-template-component></vue-demi-template-component>
</div>
</body>
<script>
const app = Vue.createApp({})
app.use(VueDemiTemplateComponent)
app.mount('#app')
</script>
</html>Build the library for production or publish:
# build all versions
pnpm run buildMade with 💙
Published under MIT License.