diff --git a/package.json b/package.json
index 4ceec3d..d8245dd 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "typecheck": "npm run typecheck:node && npm run typecheck:web",
     "start": "electron-vite preview",
     "dev": "electron-vite dev",
+    "dev:web": "vite dev",
     "build": "npm run typecheck && electron-vite build",
     "postinstall": "electron-builder install-app-deps",
     "build:unpack": "npm run build && electron-builder --dir",
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..efd6f1a
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,58 @@
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+import AutoImport from 'unplugin-auto-import/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+import Components from 'unplugin-vue-components/vite';
+import viteCompression from 'vite-plugin-compression';
+import VueDevTools from 'vite-plugin-vue-devtools';
+
+export default defineConfig({
+  base: './',
+  // 项目src
+  root: resolve('src/renderer'),
+  resolve: {
+    alias: {
+      '@': resolve('src/renderer'),
+      '@renderer': resolve('src/renderer')
+    }
+  },
+  plugins: [
+    vue(),
+    viteCompression(),
+    VueDevTools(),
+    AutoImport({
+      imports: [
+        'vue',
+        {
+          'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar']
+        }
+      ]
+    }),
+    Components({
+      resolvers: [NaiveUiResolver()]
+    })
+  ],
+  publicDir: resolve('resources'),
+  server: {
+    host: '0.0.0.0',
+    proxy: {
+      // with options
+      [process.env.VITE_API_LOCAL as string]: {
+        target: process.env.VITE_API,
+        changeOrigin: true,
+        rewrite: (path) => path.replace(new RegExp(`^${process.env.VITE_API_LOCAL}`), '')
+      },
+      [process.env.VITE_API_MUSIC_PROXY as string]: {
+        target: process.env.VITE_API_MUSIC,
+        changeOrigin: true,
+        rewrite: (path) => path.replace(new RegExp(`^${process.env.VITE_API_MUSIC_PROXY}`), '')
+      },
+      [process.env.VITE_API_PROXY_MUSIC as string]: {
+        target: process.env.VITE_API_PROXY,
+        changeOrigin: true,
+        rewrite: (path) => path.replace(new RegExp(`^${process.env.VITE_API_PROXY_MUSIC}`), '')
+      }
+    }
+  }
+});