https://github.com/chuhoman/vue-demi-component-template

SFC template of vue-demi project, can dev & test & build 编写基于 vue-demi 单文件组件模板库
https://github.com/chuhoman/vue-demi-component-template

vue-demi vuejs

Last synced: 11 days ago
JSON representation

SFC template of vue-demi project, can dev & test & build 编写基于 vue-demi 单文件组件模板库

• Host: GitHub
• URL: https://github.com/chuhoman/vue-demi-component-template
• Owner: ChuHoMan
• License: mit
• Created: 2022-03-20T17:05:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-09T03:50:12.000Z (2 months ago)
• Last Synced: 2024-09-09T05:02:31.482Z (2 months ago)
• Topics: vue-demi, vuejs
• Language: TypeScript
• Homepage:
• Size: 438 KB
• Stars: 32
• Watchers: 3
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue-Demi + TS + Vite For SFC template

> Vue.js component template for Vue 2 and 2.7 and 3.



English | 简体中文



## Features

- 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

## Template Usage

To use this template, clone it down using:

```bash

npx degit ChuHoMan/vue-demi-component-template my-component

```

And do a global replace of `vue-demi-component-template` and `VueDemiComponentTemplate` with your component library name.

## Setup

Make sure to install the dependencies:

```bash

# pnpm

pnpm install

```

## Development Server

Start the development server

```bash

# Vue 2.6.x

pnpm run dev:2

# Vue 2.7.x

pnpm run dev:2.7

# Vue 3

pnpm run dev:3

```

## How to use dist file？

### From CDN or without a Bundler

```html

  

    

    

    

    Vite App

    

    

    

  

  

    


        

    

  

  

    const app = Vue.createApp({})

    app.use(VueDemiTemplateComponent)

    app.mount('#app')

  


```

## Production

Build the library for production or publish:

```bash

# build all versions

pnpm run build

```

## License

Made with 💙

Published under [MIT License](./LICENSE).