Installation
Compatibility
Vue Business Kit provides both components and utility functions with different browser compatibility requirements.
Since Vue 3 no longer supports IE11, Vue Business Kit does not support IE either.
| Feature |  Chrome |  Edge |  Firefox |  Safari |
|---|---|---|---|---|
| Components | Chrome ≥ 85 | Edge ≥ 85 | Firefox ≥ 79 | Safari ≥ 14.1 |
| Utility Functions | Chrome ≥ 74 | Edge ≥ 18 | Firefox ≥ 66 | Safari ≥ 11 |
Sass
Version 2.8.5 and later, the minimum compatible version of Sass is 1.79.0.
If your terminal prompts legacy JS API Deprecation Warning, you can configure the following code in vite.config.ts.
css: {
preprocessorOptions: {
scss: { api: 'modern-compiler' },
}
}Version
Vue Business Kit is currently in a rapid development iteration. 
Using Package Manager
We recommend using the package manager (NPM, Yarn, pnpm) to install Vue Business Kit, so that you can utilize bundlers like Vite and webpack.
Choose a package manager you like.
$ npm install vue-business-kit --save$ yarn add vue-business-kit$ pnpm install vue-business-kitIf your network environment is not good, it is recommended to use a mirror registry cnpm or npmmirror.
npm config set registry https://registry.npmmirror.comImport in Browser
Import Vue Business Kit through browser HTML tags directly, and use global variable VueBusinessKit.
According to different CDN providers, there are different introduction methods. Here we use unpkg and jsDelivr as example. You can also use other CDN providers.
unpkg
<head>
<!-- Import style -->
<link rel="stylesheet" href="//unpkg.com/vue-business-kit/dist/index.css" />
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<!-- Import component library -->
<script src="//unpkg.com/vue-business-kit"></script>
</head>jsDelivr
<head>
<!-- Import style -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/vue-business-kit/dist/index.css" />
<!-- Import Vue 3 -->
<script src="//cdn.jsdelivr.net/npm/vue@3"></script>
<!-- Import component library -->
<script src="//cdn.jsdelivr.net/npm/vue-business-kit"></script>
</head>TIP
We recommend using CDN to import Vue Business Kit users to lock the version on the link address, so as not to be affected by incompatible updates when Vue Business Kit is upgraded in the future. Please check unpkg.com for the method to lock the version.