Electron+vite+vuetify项目搭建的流程和方法

yarn create @quick-start/electron

npm create @quick-start/electron@latest

yarn add -D vuetify vite-plugin-vuetify
yarn add @mdi/font

npm i -D vuetify vite-plugin-vuetify
npm i @mdi/font

import { resolve } from 'path'
import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import vue from '@vitejs/plugin-vue'
import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()]
  },
  preload: {
    plugins: [externalizeDepsPlugin()]
  },
  renderer: {
    resolve: {
      alias: {
        '@renderer': resolve('src/renderer/src')
      }
    },
    plugins: [vue(),vuetify({ autoImport: true })]
  }
})

import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
const vuetify = createVuetify({
  ssr: true,
})

import './assets/main.css'
import { createApp } from 'vue'
// Vuetify
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import App from './App.vue'
const vuetify = createVuetify({
  components,
  directives,
})
createApp(App).use(vuetify).mount('#app')