DolphinScheduler前端用vue3加vite怎么写

使用Vue 3和Vite来编写DolphinScheduler的前端非常简单，下面是一个简单的步骤：

1. 首先安装Vue 3和Vite，如果你还没有安装的话。可以使用以下命令：

   npm install -g vue@next
   npm install -g vite

2. 创建一个新的Vue 3项目，可以使用Vue CLI来创建一个新项目。

   vue create my-project

3. 进入项目目录，安装相关的依赖。

   cd my-project
   npm install

4. 在项目中安装DolphinScheduler的前端依赖。

   npm install dolphinscheduler-fe --save

5. 创建一个新的Vue 3组件，引入DolphinScheduler的前端组件。

   <template>
     <div>
       <ds-table></ds-table>
     </div>
   </template>
   
   <script>
     import { DsTable } from 'dolphinscheduler-fe'
   
     export default {
       name: 'MyComponent',
       components: {
         DsTable
       }
     }
   </script>

6. 在Vite的配置文件中添加DolphinScheduler的前端组件的别名。

   import { defineConfig } from 'vite'
   import vue from '@vitejs/plugin-vue'
   
   export default defineConfig({
     plugins: [vue()],
     resolve: {
       alias: {
         'dolphinscheduler-fe': 'dolphinscheduler-fe/dist/lib/index.esm.js'
       }
     }
   })

7. 运行Vite开发服务器，启动项目。

   vite

至此，你就可以使用Vue 3和Vite来编写DolphinScheduler的前端了。