vue3+vite项目里安装Kbone

为了在Vue3 + Vite项目中安装Kbone，需要执行以下步骤：

1. 首先，安装 `@vue/cli-plugin-babel` 和 `@vue/cli-plugin-eslint` 插件：

   npm install @vue/cli-plugin-babel @vue/cli-plugin-eslint --save-dev

2. 然后，安装 `vue-loader` 和 `vue-template-compiler`：

   npm install vue-loader vue-template-compiler --save-dev

3. 接着，安装 `kbone-webpack-plugin` 和 `kbone-api`：

   npm install kbone-webpack-plugin kbone-api --save-dev

4. 在 `vite.config.js` 中添加以下配置：

   const KboneWebpackPlugin = require('kbone-webpack-plugin');

   export default {
     plugins: [
       // KboneWebpackPlugin 需要放在最后一个 plugin
       new KboneWebpackPlugin({
         // ...
       })
     ],
     // ...
   }

5. 在 `src/main.js` 中添加以下代码：

   import Vue from 'vue';
   import KboneUI from 'kbone-ui';

   Vue.use(KboneUI);

6. 最后，在 `src/App.vue` 中添加以下代码：

   <template>
     <div>
       <router-view />
     </div>
   </template>

   <script>
   import { createRouter, createWebHashHistory } from 'vue-router';
   import routes from './router';

   export default {
     name: 'App',
     setup() {
       const router = createRouter({
         history: createWebHashHistory(),
         routes
       });

       return {
         router
       };
     }
   }
   </script>

以上就是在Vue3 + Vite项目中安装Kbone的步骤。