JSPM

  • Created
  • Published
  • Downloads 1472
  • Score
    100M100P100Q105999F
  • License MIT

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@opentiny/vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    OpenTiny Logo

    An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

    English | 简体中文

    🌈 Features:

    • 📦 69 clean, easy-to-use and powerful components.
    • 🖖 One code, Support both Vue.js 2 and Vue.js 3.
    • 🖥️ One code, Support both PC and Mobile.
    • 🌍 Support internationalization.
    • 🎨 Support theme customization.
    • 📊 Components support configuration development, can support low-code platform.
    • 💡 Use a cross-end and cross-framework architecture, flexible and portable.

    🛠️ Usage

    1. Installation

    Execute the following command to install the TinyVue component library for Vue.js 3.

    npm i @opentiny/vue@3

    Execute the following command to install the TinyVue component library for Vue.js 2.

    npm i @opentiny/vue@2

    2. Import component

    Then you can use the TinyVue component(such as <tiny-button>) in the App.vue file.

    <script lang="ts" setup>
    import { Button as TinyButton } from '@opentiny/vue'
    </script>
    
    <template>
      <tiny-button>Tiny Vue</tiny-button>
    </template>

    🖥️ Development

    git clone git@github.com:opentiny/tiny-vue.git
    cd tiny-vue
    npm i --legacy-peer-deps
    
    # Vue.js 3
    npm run dev:vue3
    
    # Vue.js 2
    npm run dev:vue2

    Open your browser and visit: http://127.0.0.1:5173/

    🤝 Contributing

    Welcome to join our OpenTiny community!🎉

    If you don't know how to start, please read our contributing guide.

    • Add the official assistant WeChat opentiny-official and join the technical exchange group.
    • Add to the mailing list opentiny@googlegroups.com

    License

    MIT