diff --git a/package.json b/package.json
index 62680ed..a3c16b2 100644
--- a/package.json
+++ b/package.json
@@ -2,9 +2,11 @@
   "name": "clash-manager",
   "version": "1.0.0",
   "description": "clash管理面板",
+  "type": "module",
   "main": "src/main.js",
   "scripts": {
-    "start": "electron ."
+    "start": "vue-live dev",
+    "build": "vue-live build"
   },
   "author": {
     "name": "yutent",
diff --git a/vue.live.js b/vue.live.js
new file mode 100644
index 0000000..45da703
--- /dev/null
+++ b/vue.live.js
@@ -0,0 +1,18 @@
+import { resolve } from 'path'
+
+export default {
+  port: 6677,
+  pages: resolve('./src/pages'),
+  imports: {
+    vue: '//esm.tool/vue.js',
+    'vue-router': '//esm.tool/vue-router.js',
+    'elem-plus': '//esm.tool/elem-plus.js',
+    'element-ui': '//esm.tool/elem-plus.js',
+    fetch: '//esm.tool/fetch.js',
+    'vue-echarts': '//esm.tool/vue-echarts.js',
+    'echarts/core': 'https://unpkg.com/echarts@5.3.3/dist/echarts.esm.min.js',
+    'echarts/lib/chart/line': 'https://unpkg.com/echarts@5.3.3/dist/echarts.esm.min.js',
+    'vue-demi': 'https://unpkg.com/vue-demi@0.13.11/lib/index.mjs',
+    'resize-detector': 'https://unpkg.com/resize-detector@0.3.0/esm/index.js'
+  }
+}