diff --git a/.eslintrc.js b/.eslintrc.js
index add9b49..92e596d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,17 +4,23 @@ module.exports = {
     node: true,
   },
   extends: [
-    "plugin:vue/vue3-essential",
-    "eslint:recommended",
-    "@vue/typescript/recommended",
-    "@vue/prettier",
-    "@vue/prettier/@typescript-eslint",
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    '@vue/prettier',
+    '@vue/prettier/@typescript-eslint',
   ],
   parserOptions: {
     ecmaVersion: 2020,
   },
   rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'prettier/prettier': [
+      'warn',
+      {
+        singleQuote: true,
+      },
+    ],
   },
 };
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..e82c5f0
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,19 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "always",
+  "printWidth": 80,
+  "embeddedLanguageFormatting": "auto",
+  "htmlWhitespaceSensitivity": "ignore",
+  "preserve": "preserve",
+  "insertPragma": false,
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "endOfLine": "auto"
+}
\ No newline at end of file
diff --git a/feature/src/views/installed/index.vue b/feature/src/views/installed/index.vue
index 40ae992..f5184a4 100644
--- a/feature/src/views/installed/index.vue
+++ b/feature/src/views/installed/index.vue
@@ -15,7 +15,7 @@
           @click="currentSelect = [index]"
           v-for="(plugin, index) in localPlugins"
         >
-          <img :src="plugin.logo" />
+          <img :src="plugin.logo"/>
           <div class="info">
             <div class="title">
               {{ plugin.pluginName }}
@@ -63,18 +63,25 @@
                 <a-tag
                   :key="cmd"
                   v-for="cmd in item.cmds"
-                  @close="removeFeature(cmd)"
-                  @click="
-                    !cmd.label &&
-                      openPlugin({
-                        code: item.code,
-                        cmd
-                      })
-                  "
                   :class="{ executable: !cmd.label }"
                   :color="!cmd.label && '#87d068'"
                 >
-                  {{ cmd.label || cmd }}
+                  <span @click="!cmd.label &&
+                    openPlugin({
+                      code: item.code,
+                      cmd
+                    })"
+                  >
+                    {{ cmd.label || cmd }}
+                  </span>
+                  <template v-if="!cmd.label" #icon>
+                    <a-tooltip v-if="!hasAdded(cmd)" placement="topLeft" title="点击+号，固定关键词到超级面板">
+                      <PlusCircleOutlined @click="addCmdToSuperPanel({code: item.code, cmd})" />
+                    </a-tooltip>
+                    <a-tooltip v-else placement="topLeft" title="点击-号，从超级面板移除关键词">
+                      <MinusCircleOutlined @click="removePluginToSuperPanel(cmd)" />
+                    </a-tooltip>
+                  </template>
                 </a-tag>
               </div>
             </div>
@@ -89,13 +96,15 @@
 </template>
 
 <script setup>
-import { useStore } from "vuex";
-import { computed, ref } from "vue";
+import {useStore} from "vuex";
+import {computed, ref, toRaw} from "vue";
 import path from "path";
 import MarkdownIt from "markdown-it";
-const { ipcRenderer } = window.require("electron");
+import {PlusCircleOutlined, MinusCircleOutlined} from "@ant-design/icons-vue";
 
-const { remote } = window.require("electron");
+const {ipcRenderer} = window.require("electron");
+
+const {remote} = window.require("electron");
 const fs = window.require("fs");
 const md = new MarkdownIt();
 
@@ -117,8 +126,46 @@ const pluginDetail = computed(() => {
   return localPlugins.value[currentSelect.value] || {};
 });
 
-const openPlugin = ({ cmd, code }) => {
-  console.log(pluginDetail.value);
+const superPanelPlugins = ref(window.rubick.db.get("super-panel-plugins") || {
+  data: [],
+  _id: "super-panel-plugins",
+});
+console.log(toRaw(superPanelPlugins.value.data))
+const addCmdToSuperPanel = ({cmd, code}) => {
+  const plugin = {
+    ...toRaw(pluginDetail.value),
+    cmd,
+    ext: {
+      code,
+      type: "text",
+      payload: null,
+    },
+  };
+  superPanelPlugins.value.data.push(plugin);
+  window.rubick.db.put(toRaw(superPanelPlugins.value));
+};
+
+const removePluginToSuperPanel = (cmd) => {
+  superPanelPlugins.value.data = toRaw(superPanelPlugins.value).data.filter((item) => {
+    return item.cmd !== cmd;
+  });
+  console.log(toRaw(superPanelPlugins.value) )
+  window.rubick.db.put(toRaw(superPanelPlugins.value));
+};
+
+const hasAdded = (cmd) => {
+  let added = false;
+  superPanelPlugins.value.data.some((item) => {
+    if (item.cmd === cmd) {
+      added = true;
+      return true;
+    }
+    return false;
+  });
+  return added;
+};
+
+const openPlugin = ({cmd, code}) => {
   window.rubick.openPlugin(
     JSON.parse(
       JSON.stringify({
@@ -163,6 +210,7 @@ const deletePlugin = async plugin => {
   overflow: hidden;
   background: #f3efef;
   height: calc(~"100vh - 46px");
+  
   .container {
     box-sizing: border-box;
     width: 100%;
@@ -171,6 +219,7 @@ const deletePlugin = async plugin => {
     height: 100%;
     display: flex;
   }
+  
   .installed-list {
     width: 40%;
     background: #fff;
@@ -178,68 +227,84 @@ const deletePlugin = async plugin => {
     padding: 10px 0;
     border-right: 1px solid #eee;
     overflow: auto;
+    
     .item {
       padding: 10px 20px;
       display: flex;
       align-items: center;
+      
       img {
         width: 40px;
         height: 40px;
         margin-right: 20px;
       }
+      
       .desc {
         color: #999;
       }
+      
       &.active {
         background: #eee;
       }
     }
   }
+  
   .plugin-detail {
     padding: 20px 20px 0 20px;
     box-sizing: border-box;
     width: 60%;
     height: 100%;
     background: #fff;
+    
     .plugin-top {
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
+      
       .title {
         font-size: 20px;
         display: flex;
         align-items: center;
       }
+      
       .desc {
         font-size: 13px;
         color: #999;
       }
     }
+    
     .detail-container,
     .feature-container {
       height: 380px;
       overflow: auto;
+      
       img {
         width: 100%;
       }
     }
+    
     .desc-item {
       border-bottom: 1px solid #ddd;
       padding: 10px 0;
+      
       .ant-tag {
         margin-top: 6px;
+        
         &.executable {
           cursor: pointer;
+          
           &:hover {
-           transform: translateY(-2px);
+            transform: translateY(-2px);
           }
         }
       }
+      
       .desc-title {
         display: flex;
         align-items: center;
         justify-content: space-between;
       }
+      
       .desc-info {
         color: #999;
       }
diff --git a/feature/src/views/settings/index.vue b/feature/src/views/settings/index.vue
index 5883ab4..c21caa5 100644
--- a/feature/src/views/settings/index.vue
+++ b/feature/src/views/settings/index.vue
@@ -14,6 +14,12 @@
           </template>
           全局快捷键
         </a-menu-item>
+        <a-menu-item key="superpanel">
+          <template #icon>
+            <FileAddOutlined />
+          </template>
+          超级面板设置
+        </a-menu-item>
         <a-menu-item key="localhost">
           <template #icon>
             <DatabaseOutlined />
@@ -131,6 +137,7 @@
         </div>
       </div>
       <Localhost v-if="currentSelect[0] === 'localhost'" />
+      <SuperPanel v-if="currentSelect[0] === 'superpanel'" />
     </div>
   </div>
 </template>
@@ -141,12 +148,14 @@ import {
   LaptopOutlined,
   DatabaseOutlined,
   MinusCircleOutlined,
-  PlusCircleOutlined
+  PlusCircleOutlined,
+  FileAddOutlined,
 } from "@ant-design/icons-vue";
 import debounce from "lodash.debounce";
 import { ref, reactive, watch, toRefs, computed, toRaw } from "vue";
 import keycodes from "./keycode";
 import Localhost from "./localhost.vue";
+import SuperPanel from "./super-panel.vue";
 
 const { remote, ipcRenderer } = window.require("electron");
 
diff --git a/feature/src/views/settings/super-panel.vue b/feature/src/views/settings/super-panel.vue
new file mode 100644
index 0000000..aaf5a47
--- /dev/null
+++ b/feature/src/views/settings/super-panel.vue
@@ -0,0 +1,77 @@
+<template>
+  请选择需要添加到超级面板中的常用插件
+  <div class="super-list-item panel-item">
+    <a-list :grid="{ gutter: 16, column: 2 }" :data-source="localPlugins.filter(item => !!item)">
+      <template #renderItem="{ item }">
+        <a-list-item v-if="item">
+          <template #actions>
+            <a-button v-if="!hasAdded(item)" @click="addPluginToSuperPanel(item)" style="color: #7ec699" type="text">
+              添加
+            </a-button>
+            <a-button v-else @click="removePluginToSuperPanel(item)" style="color: #ff4ea4;" type="text">
+              移除
+            </a-button>
+          </template>
+          <a-list-item-meta>
+            <template #description>
+              <span class="ellipse">{{ item.description }}</span>
+            </template>
+            <template #title>
+              <span class="ellipse">{{ item.pluginName }}</span>
+            </template>
+            <template #avatar>
+              <a-avatar :src="item.logo"/>
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </div>
+</template>
+<script setup>
+import {useStore} from "vuex";
+import {computed, ref, toRaw} from "vue";
+
+const store = useStore();
+const localPlugins = computed(() =>
+  store.state.localPlugins.filter(
+    plugin => plugin.name !== "rubick-system-feature" && plugin.name !== "rubick-system-super-panel"
+  )
+);
+
+const hasAdded = (plugin) => {
+  let added = false;
+  superPanelPlugins.value.data.some((item) => {
+    if (item.name === plugin.name) {
+      added = true;
+      return true;
+    }
+    return false;
+  });
+  return added;
+};
+
+const superPanelPlugins = ref(window.rubick.db.get("super-panel-db") || {
+  data: [],
+  _id: "super-panel-db",
+});
+
+const addPluginToSuperPanel = (plugin) => {
+  superPanelPlugins.value.data.push(toRaw(plugin));
+  window.rubick.db.put(toRaw(superPanelPlugins.value));
+};
+
+const removePluginToSuperPanel = (plugin) => {
+  superPanelPlugins.value.data = toRaw(superPanelPlugins.value).data.filter((item) => {
+    return item.name !== plugin.name;
+  });
+  window.rubick.db.put(toRaw(superPanelPlugins.value));
+};
+</script>
+<style lang="less">
+.super-list-item.panel-item {
+  &:after {
+    display: none;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/package.json b/package.json
index 9a57452..5e96d1f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rubick",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "author": "muwoo <2424880409@qq.com>",
   "private": true,
   "scripts": {
@@ -57,7 +57,7 @@
     "eslint-plugin-vue": "^7.0.0",
     "less": "^3.0.4",
     "less-loader": "^5.0.0",
-    "prettier": "^2.2.1",
+    "prettier": "^2.8.4",
     "typescript": "~4.1.5",
     "vue-cli-plugin-electron-builder": "~2.1.1",
     "worker-plugin": "^5.0.1"
diff --git a/src/main/browsers/runner.ts b/src/main/browsers/runner.ts
index c9a7990..f75ae9a 100644
--- a/src/main/browsers/runner.ts
+++ b/src/main/browsers/runner.ts
@@ -38,6 +38,12 @@ export default () => {
 
   const createView = (plugin, window: BrowserWindow) => {
     let pluginIndexPath = plugin.tplPath || plugin.indexPath;
+    // 再尝试去找
+    if (plugin.name === "rubick-system-feature" && !pluginIndexPath) {
+      pluginIndexPath = commonConst.dev()
+        ? "http://localhost:8081/#/"
+        : `file://${__static}/feature/index.html`;
+    }
     if (!pluginIndexPath) {
       const pluginPath = path.resolve(baseDir, "node_modules", plugin.name);
       pluginIndexPath = `file://${path.join(pluginPath, "./", plugin.main)}`;
diff --git a/src/main/index.ts b/src/main/index.ts
index d773a7b..7b0f8a5 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -38,7 +38,6 @@ class App {
       this.onQuit();
     }
   }
-
   beforeReady() {
     // 系统托盘
     if (commonConst.macOS()) {
@@ -55,7 +54,6 @@ class App {
   createWindow() {
     this.windowCreator.init();
   }
-
   onReady() {
     const readyFunction = () => {
       this.createWindow();
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index bfdf44d..409f563 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -35,14 +35,14 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { watch, ref, nextTick, toRaw } from "vue";
-import { ipcRenderer, remote } from "electron";
-import Result from "./components/result.vue";
-import Search from "./components/search.vue";
-import getWindowHeight from "../common/utils/getWindowHeight";
-import createPluginManager from "./plugins-manager";
-import commonConst from "@/common/utils/commonConst";
+<script setup lang='ts'>
+import { watch, ref, nextTick, toRaw } from 'vue';
+import { ipcRenderer, remote } from 'electron';
+import Result from './components/result.vue';
+import Search from './components/search.vue';
+import getWindowHeight from '../common/utils/getWindowHeight';
+import createPluginManager from './plugins-manager';
+import commonConst from '@/common/utils/commonConst';
 
 const {
   initPlugins,
@@ -59,30 +59,30 @@ const {
   clipboardFile,
   setSearchValue,
   clearClipboardFile,
-  readClipboardContent
+  readClipboardContent,
 } = createPluginManager();
 
 initPlugins();
 
 const currentSelect = ref(0);
-const menuPluginInfo = ref({});
+const menuPluginInfo: any = ref({});
 
 getPluginInfo({
-  pluginName: "feature",
+  pluginName: 'feature',
   // eslint-disable-next-line no-undef
-  pluginPath: `${__static}/feature/package.json`
+  pluginPath: `${__static}/feature/package.json`,
 }).then(res => {
   menuPluginInfo.value = res;
-  remote.getGlobal("LOCAL_PLUGINS").addPlugin(res);
+  remote.getGlobal('LOCAL_PLUGINS').addPlugin(res);
 });
 
 watch([options], () => {
   currentSelect.value = 0;
   if (currentPlugin.value.name) return;
   nextTick(() => {
-    ipcRenderer.sendSync("msg-trigger", {
-      type: "setExpendHeight",
-      data: getWindowHeight(options.value)
+    ipcRenderer.sendSync('msg-trigger', {
+      type: 'setExpendHeight',
+      data: getWindowHeight(options.value),
     });
   });
 });
@@ -101,12 +101,12 @@ const openMenu = (ext) => {
   openPlugin({
     ...toRaw(menuPluginInfo.value),
     feature: menuPluginInfo.value.features[0],
-    cmd: "插件市场",
-    ext
+    cmd: '插件市场',
+    ext,
   });
 };
 
-window.rubick.openMenu = openMenu
+window.rubick.openMenu = openMenu;
 
 const choosePlugin = () => {
   const currentChoose = options.value[currentSelect.value];
@@ -114,11 +114,11 @@ const choosePlugin = () => {
 };
 
 const clearSearchValue = () => {
-  setSearchValue("");
+  setSearchValue('');
 };
 </script>
 
-<style lang="less">
+<style lang='less'>
 .drag-bar {
   -webkit-app-region: drag;
   width: 100%;
@@ -128,6 +128,7 @@ const clearSearchValue = () => {
   top: 0;
   left: 0;
 }
+
 #components-layout {
   height: 100vh;
   overflow: hidden;
@@ -135,6 +136,7 @@ const clearSearchValue = () => {
     width: 0;
   }
 }
+
 .drag {
   -webkit-app-region: drag;
 }
diff --git a/src/renderer/components/result.vue b/src/renderer/components/result.vue
index 5358d33..d85ca62 100644
--- a/src/renderer/components/result.vue
+++ b/src/renderer/components/result.vue
@@ -28,9 +28,10 @@
   </div>
 </template>
 
-<script lang="ts" setup>
-import BScroll from "@better-scroll/core";
-import { defineProps, onMounted, ref } from "vue";
+<script lang='ts' setup>
+import BScroll from '@better-scroll/core';
+import { defineProps, onMounted, ref } from 'vue';
+
 const scrollDom = ref(null);
 
 onMounted(() => {
@@ -40,7 +41,7 @@ onMounted(() => {
 const props = defineProps({
   searchValue: {
     type: [String, Number],
-    default: "",
+    default: '',
   },
   options: {
     type: Array,
@@ -55,11 +56,11 @@ const props = defineProps({
 });
 
 const renderTitle = (title) => {
-  if (typeof title !== "string") return;
+  if (typeof title !== 'string') return;
   if (!props.searchValue) return title;
   const result = title.toLowerCase().split(props.searchValue.toLowerCase());
   if (result && result.length > 1) {
-    return `<div>${result[0]}<span style="color: red">${props.searchValue}</span>${result[1]}</div>`;
+    return `<div>${result[0]}<span style='color: red'>${props.searchValue}</span>${result[1]}</div>`;
   } else {
     return `<div>${result[0]}</div>`;
   }
diff --git a/src/renderer/components/search.vue b/src/renderer/components/search.vue
index d015fb5..eb692d8 100644
--- a/src/renderer/components/search.vue
+++ b/src/renderer/components/search.vue
@@ -51,10 +51,11 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, defineEmits, ref, computed } from "vue";
-import { ipcRenderer, remote } from "electron";
-import { LoadingOutlined, MoreOutlined } from "@ant-design/icons-vue";
-const opConfig = remote.getGlobal("OP_CONFIG");
+import { defineProps, defineEmits, ref } from 'vue';
+import { ipcRenderer, remote } from 'electron';
+import { LoadingOutlined, MoreOutlined } from '@ant-design/icons-vue';
+
+const opConfig = remote.getGlobal('OP_CONFIG');
 const { Menu } = remote;
 
 const config = ref(opConfig.get());
@@ -62,63 +63,63 @@ const config = ref(opConfig.get());
 const props: any = defineProps({
   searchValue: {
     type: [String, Number],
-    default: ""
+    default: '',
   },
   placeholder: {
     type: String,
-    default: ""
+    default: '',
   },
   currentPlugin: {},
   pluginLoading: Boolean,
-  clipboardFile: (() => [])()
+  clipboardFile: (() => [])(),
 });
 
 const changeValue = e => {
-  if (props.currentPlugin.name === "rubick-system-feature") return;
+  if (props.currentPlugin.name === 'rubick-system-feature') return;
   targetSearch({ value: e.target.value });
-  emit("onSearch", e);
+  emit('onSearch', e);
 };
 
 const emit = defineEmits([
-  "onSearch",
-  "changeCurrent",
-  "openMenu",
-  "changeSelect",
-  "choosePlugin",
-  "focus",
-  "clearSearchValue",
-  "readClipboardContent"
+  'onSearch',
+  'changeCurrent',
+  'openMenu',
+  'changeSelect',
+  'choosePlugin',
+  'focus',
+  'clearSearchValue',
+  'readClipboardContent',
 ]);
 
 const keydownEvent = (e, key: string) => {
   const { ctrlKey, shiftKey, altKey, metaKey } = e;
   const modifiers: Array<string> = [];
-  ctrlKey && modifiers.push("control");
-  shiftKey && modifiers.push("shift");
-  altKey && modifiers.push("alt");
-  metaKey && modifiers.push("meta");
-  ipcRenderer.send("msg-trigger", {
-    type: "sendPluginSomeKeyDownEvent",
+  ctrlKey && modifiers.push('control');
+  shiftKey && modifiers.push('shift');
+  altKey && modifiers.push('alt');
+  metaKey && modifiers.push('meta');
+  ipcRenderer.send('msg-trigger', {
+    type: 'sendPluginSomeKeyDownEvent',
     data: {
       keyCode: e.code,
-      modifiers
-    }
+      modifiers,
+    },
   });
-  const runPluginDisable = e.target.value === "" || props.currentPlugin.name;
+  const runPluginDisable = e.target.value === '' || props.currentPlugin.name;
   switch (key) {
-    case "up":
-      emit("changeCurrent", -1);
+    case 'up':
+      emit('changeCurrent', -1);
       break;
-    case "down":
-      emit("changeCurrent", 1);
+    case 'down':
+      emit('changeCurrent', 1);
       break;
-    case "enter":
+    case 'enter':
       if (runPluginDisable) return;
-      emit("choosePlugin");
+      emit('choosePlugin');
       break;
-    case "space":
+    case 'space':
       if (runPluginDisable || !opConfig.get().perf.common.space) return;
-      emit("choosePlugin");
+      emit('choosePlugin');
       break;
     default:
       break;
@@ -128,63 +129,63 @@ const keydownEvent = (e, key: string) => {
 const checkNeedInit = e => {
   const { ctrlKey, metaKey } = e;
 
-  if (e.target.value === "" && e.keyCode === 8) {
+  if (e.target.value === '' && e.keyCode === 8) {
     closeTag();
   }
   // 手动粘贴
-  if ((ctrlKey || metaKey) && e.key === "v") {
-    emit("readClipboardContent");
+  if ((ctrlKey || metaKey) && e.key === 'v') {
+    emit('readClipboardContent');
   }
 };
 
 const targetSearch = ({ value }) => {
   if (props.currentPlugin.name) {
-    return ipcRenderer.sendSync("msg-trigger", {
-      type: "sendSubInputChangeEvent",
-      data: { text: value }
+    return ipcRenderer.sendSync('msg-trigger', {
+      type: 'sendSubInputChangeEvent',
+      data: { text: value },
     });
   }
 };
 
 const closeTag = () => {
-  emit("changeSelect", {});
-  emit("clearClipbord");
-  ipcRenderer.send("msg-trigger", {
-    type: "removePlugin"
+  emit('changeSelect', {});
+  emit('clearClipbord');
+  ipcRenderer.send('msg-trigger', {
+    type: 'removePlugin',
   });
 };
 
 const showSeparate = () => {
   let pluginMenu: any = [
     {
-      label: config.value.perf.common.hideOnBlur ? "钉住" : "自动隐藏",
-      click: changeHideOnBlur
-    }
+      label: config.value.perf.common.hideOnBlur ? '钉住' : '自动隐藏',
+      click: changeHideOnBlur,
+    },
   ];
   if (props.currentPlugin && props.currentPlugin.logo) {
     pluginMenu = pluginMenu.concat([
       {
-        label: "开发者工具",
+        label: '开发者工具',
         click: () => {
-          ipcRenderer.send("msg-trigger", { type: "openPluginDevTools" });
+          ipcRenderer.send('msg-trigger', { type: 'openPluginDevTools' });
           // todo
-        }
+        },
       },
       {
-        label: "当前插件信息",
+        label: '当前插件信息',
         submenu: [
           {
-            label: "简介"
+            label: '简介',
           },
           {
-            label: "功能"
-          }
-        ]
+            label: '功能',
+          },
+        ],
       },
       {
-        label: "分离窗口",
-        click: newWindow
-      }
+        label: '分离窗口',
+        click: newWindow,
+      },
     ]);
   }
   let menu = Menu.buildFromTemplate(pluginMenu);
@@ -201,13 +202,13 @@ const changeHideOnBlur = () => {
 const getIcon = () => {
   if (props.clipboardFile[0].dataUrl) return props.clipboardFile[0].dataUrl;
   return props.clipboardFile[0].isFile
-    ? require("../assets/file.png")
-    : require("../assets/folder.png");
+    ? require('../assets/file.png')
+    : require('../assets/folder.png');
 };
 
 const newWindow = () => {
-  ipcRenderer.send("msg-trigger", {
-    type: "detachPlugin"
+  ipcRenderer.send('msg-trigger', {
+    type: 'detachPlugin',
   });
   // todo
 };
@@ -218,7 +219,7 @@ window.rubick.hooks.onShow = () => {
 };
 
 window.rubick.hooks.onHide = () => {
-  emit("clearSearchValue");
+  emit('clearSearchValue');
 };
 </script>
 
@@ -238,6 +239,7 @@ window.rubick.hooks.onHide = () => {
     white-space: nowrap;
     max-width: 200px;
   }
+
   .select-tag {
     white-space: pre;
     user-select: none;
@@ -252,6 +254,7 @@ window.rubick.hooks.onHide = () => {
     margin-right: 1px;
     padding: 0 10px;
   }
+
   .main-input {
     height: 60px !important;
     box-sizing: border-box;
@@ -259,6 +262,7 @@ window.rubick.hooks.onHide = () => {
     border: none;
     outline: none;
     box-shadow: none !important;
+
     .ant-select-selection,
     .ant-input,
     .ant-select-selection__rendered {
@@ -267,6 +271,7 @@ window.rubick.hooks.onHide = () => {
       border: none !important;
     }
   }
+
   .rubick-logo,
   .icon-tool {
     width: 40px;
diff --git a/src/renderer/main.ts b/src/renderer/main.ts
index bd6d386..e8a7722 100644
--- a/src/renderer/main.ts
+++ b/src/renderer/main.ts
@@ -1,6 +1,6 @@
-import { createApp } from "vue";
-import { Button, List, Spin, Input, Avatar, Tag } from "ant-design-vue";
-import App from "./App.vue";
+import { createApp } from 'vue';
+import { Button, List, Spin, Input, Avatar, Tag } from 'ant-design-vue';
+import App from './App.vue';
 
 createApp(App)
   .use(Button)
@@ -9,4 +9,4 @@ createApp(App)
   .use(Input)
   .use(Avatar)
   .use(Tag)
-  .mount("#app");
+  .mount('#app');
diff --git a/src/renderer/plugins-manager/clipboardWatch.ts b/src/renderer/plugins-manager/clipboardWatch.ts
index f527a53..d3424d9 100644
--- a/src/renderer/plugins-manager/clipboardWatch.ts
+++ b/src/renderer/plugins-manager/clipboardWatch.ts
@@ -1,13 +1,13 @@
-import getCopyFiles from "@/common/utils/getCopyFiles";
-import { clipboard, nativeImage, remote, ipcRenderer } from "electron";
-import path from "path";
-import pluginClickEvent from "./pluginClickEvent";
-import { ref } from "vue";
+import getCopyFiles from '@/common/utils/getCopyFiles';
+import { clipboard, nativeImage, remote, ipcRenderer } from 'electron';
+import path from 'path';
+import pluginClickEvent from './pluginClickEvent';
+import { ref } from 'vue';
 
 export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
   const clipboardFile: any = ref([]);
   const searchFocus = () => {
-    const config = remote.getGlobal("OP_CONFIG").get();
+    const config = remote.getGlobal('OP_CONFIG').get();
     // 未开启自动粘贴
     if (!config.perf.common.autoPast) return;
 
@@ -15,18 +15,18 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
     const fileList = getCopyFiles();
     // 拷贝的是文件
     if (fileList) {
-      window.setSubInputValue({ value: "" });
+      window.setSubInputValue({ value: '' });
       clipboardFile.value = fileList;
-      const localPlugins = remote.getGlobal("LOCAL_PLUGINS").getLocalPlugins();
+      const localPlugins = remote.getGlobal('LOCAL_PLUGINS').getLocalPlugins();
       const options: any = [
         {
-          name: "复制路径",
-          value: "plugin",
-          icon: require("../assets/link.png"),
-          desc: "复制路径到剪切板",
+          name: '复制路径',
+          value: 'plugin',
+          icon: require('../assets/link.png'),
+          desc: '复制路径到剪切板',
           click: () => {
-            clipboard.writeText(fileList.map((file) => file.path).join(","));
-            ipcRenderer.send("msg-trigger", { type: "hideMainWindow" });
+            clipboard.writeText(fileList.map((file) => file.path).join(','));
+            ipcRenderer.send('msg-trigger', { type: 'hideMainWindow' });
           },
         },
       ];
@@ -50,13 +50,13 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
           fe.cmds.forEach((cmd) => {
             const regImg = /\.(png|jpg|gif|jpeg|webp)$/;
             if (
-              cmd.type === "img" &&
+              cmd.type === 'img' &&
               regImg.test(ext) &&
               fileList.length === 1
             ) {
               options.push({
                 name: cmd.label,
-                value: "plugin",
+                value: 'plugin',
                 icon: plugin.logo,
                 desc: fe.explain,
                 type: plugin.pluginType,
@@ -67,7 +67,7 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
                     cmd,
                     ext: {
                       code: fe.code,
-                      type: cmd.type || "text",
+                      type: cmd.type || 'text',
                       payload: nativeImage
                         .createFromPath(fileList[0].path)
                         .toDataURL(),
@@ -81,11 +81,11 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
             // 如果是文件，且符合文件正则类型
             if (
               fileList.length > 1 ||
-              (cmd.type === "file" && new RegExp(cmd.match).test(ext))
+              (cmd.type === 'file' && new RegExp(cmd.match).test(ext))
             ) {
               options.push({
                 name: cmd,
-                value: "plugin",
+                value: 'plugin',
                 icon: plugin.logo,
                 desc: fe.explain,
                 type: plugin.pluginType,
@@ -96,7 +96,7 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
                     cmd,
                     ext: {
                       code: fe.code,
-                      type: cmd.type || "text",
+                      type: cmd.type || 'text',
                       payload: fileList,
                     },
                     openPlugin,
@@ -115,7 +115,7 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
     }
     const clipboardType = clipboard.availableFormats();
     if (!clipboardType.length) return;
-    if ("text/plain" === clipboardType[0]) {
+    if ('text/plain' === clipboardType[0]) {
       const contentText = clipboard.readText();
       if (contentText.trim()) {
         clearClipboardFile();
@@ -134,7 +134,7 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
     // read image
     const img = clipboard.readImage();
     const dataUrl = img.toDataURL();
-    if (!dataUrl.replace("data:image/png;base64,", "")) return;
+    if (!dataUrl.replace('data:image/png;base64,', '')) return;
     clipboardFile.value = [
       {
         isFile: true,
@@ -143,7 +143,7 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
         dataUrl,
       },
     ];
-    const localPlugins = remote.getGlobal("LOCAL_PLUGINS").getLocalPlugins();
+    const localPlugins = remote.getGlobal('LOCAL_PLUGINS').getLocalPlugins();
     const options: any = [];
     // 再正则插件
     localPlugins.forEach((plugin) => {
@@ -152,10 +152,10 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
       if (!feature) return;
       feature.forEach((fe) => {
         fe.cmds.forEach((cmd) => {
-          if (cmd.type === "img") {
+          if (cmd.type === 'img') {
             options.push({
               name: cmd.label,
-              value: "plugin",
+              value: 'plugin',
               icon: plugin.logo,
               desc: fe.explain,
               type: plugin.pluginType,
@@ -166,7 +166,7 @@ export default ({ currentPlugin, optionsRef, openPlugin, setOptionsRef }) => {
                   cmd,
                   ext: {
                     code: fe.code,
-                    type: cmd.type || "text",
+                    type: cmd.type || 'text',
                     payload: dataUrl,
                   },
                   openPlugin,
diff --git a/src/renderer/plugins-manager/index.ts b/src/renderer/plugins-manager/index.ts
index 9608a36..0ddc969 100644
--- a/src/renderer/plugins-manager/index.ts
+++ b/src/renderer/plugins-manager/index.ts
@@ -1,13 +1,13 @@
-import { reactive, toRefs, ref } from "vue";
-import { nativeImage, remote, ipcRenderer } from "electron";
-import appSearch from "@/core/app-search";
-import { PluginHandler } from "@/core";
-import path from "path";
-import commonConst from "@/common/utils/commonConst";
-import { execSync } from "child_process";
-import searchManager from "./search";
-import optionsManager from "./options";
-import { PLUGIN_INSTALL_DIR as baseDir } from "@/common/constans/renderer";
+import { reactive, toRefs, ref } from 'vue';
+import { nativeImage, remote, ipcRenderer } from 'electron';
+import appSearch from '@/core/app-search';
+import { PluginHandler } from '@/core';
+import path from 'path';
+import commonConst from '@/common/utils/commonConst';
+import { execSync } from 'child_process';
+import searchManager from './search';
+import optionsManager from './options';
+import { PLUGIN_INSTALL_DIR as baseDir } from '@/common/constans/renderer';
 
 const createPluginManager = (): any => {
   const pluginInstance = new PluginHandler({
@@ -34,27 +34,27 @@ const createPluginManager = (): any => {
   };
 
   const openPlugin = (plugin) => {
-    if (plugin.pluginType === "ui" || plugin.pluginType === "system") {
+    if (plugin.pluginType === 'ui' || plugin.pluginType === 'system') {
       if (state.currentPlugin && state.currentPlugin.name === plugin.name) {
         return;
       }
       loadPlugin(plugin);
-      ipcRenderer.sendSync("msg-trigger", {
-        type: "openPlugin",
+      ipcRenderer.sendSync('msg-trigger', {
+        type: 'openPlugin',
         data: JSON.parse(
           JSON.stringify({
             ...plugin,
             ext: plugin.ext || {
               code: plugin.feature.code,
-              type: plugin.cmd.type || "text",
+              type: plugin.cmd.type || 'text',
               payload: null,
             },
           })
         ),
       });
-      setSearchValue("");
+      setSearchValue('');
     }
-    if (plugin.pluginType === "app") {
+    if (plugin.pluginType === 'app') {
       execSync(plugin.action);
     }
   };
@@ -83,8 +83,8 @@ const createPluginManager = (): any => {
       ...pluginInfo,
       icon: pluginInfo.logo,
       indexPath: commonConst.dev()
-        ? "http://localhost:8081/#/"
-        : `file://${path.join(pluginPath, "../", pluginInfo.main)}`,
+        ? 'http://localhost:8081/#/'
+        : `file://${path.join(pluginPath, '../', pluginInfo.main)}`,
     };
   };
 
@@ -104,18 +104,18 @@ const createPluginManager = (): any => {
 
   window.updatePlugin = ({ currentPlugin }: any) => {
     state.currentPlugin = currentPlugin;
-    remote.getGlobal("LOCAL_PLUGINS").updatePlugin(currentPlugin);
+    remote.getGlobal('LOCAL_PLUGINS').updatePlugin(currentPlugin);
   };
 
   window.setCurrentPlugin = ({ currentPlugin }) => {
     state.currentPlugin = currentPlugin;
-    setSearchValue("");
+    setSearchValue('');
   };
 
   window.initRubick = () => {
     state.currentPlugin = {};
-    setSearchValue("");
-    window.setSubInput({ placeholder: "" });
+    setSearchValue('');
+    window.setSubInput({ placeholder: '' });
   };
 
   window.pluginLoaded = () => {
diff --git a/src/renderer/plugins-manager/options.ts b/src/renderer/plugins-manager/options.ts
index 95b8acf..aeb361d 100644
--- a/src/renderer/plugins-manager/options.ts
+++ b/src/renderer/plugins-manager/options.ts
@@ -1,21 +1,21 @@
-import { ref, watch } from "vue";
-import throttle from "lodash.throttle";
-import { remote, ipcRenderer } from "electron";
-import pluginClickEvent from "./pluginClickEvent";
-import useFocus from "./clipboardWatch";
+import { ref, watch } from 'vue';
+import throttle from 'lodash.throttle';
+import { remote, ipcRenderer } from 'electron';
+import pluginClickEvent from './pluginClickEvent';
+import useFocus from './clipboardWatch';
 
 function formatReg(regStr) {
-  const flags = regStr.replace(/.*\/([gimy]*)$/, "$1");
-  const pattern = flags.replace(new RegExp("^/(.*?)/" + flags + "$"), "$1");
+  const flags = regStr.replace(/.*\/([gimy]*)$/, '$1');
+  const pattern = flags.replace(new RegExp('^/(.*?)/' + flags + '$'), '$1');
   return new RegExp(pattern, flags);
 }
 
 function searchKeyValues(lists, value, strict = false) {
   return lists.filter((item) => {
-    if (typeof item === "string") {
+    if (typeof item === 'string') {
       return item.toLowerCase().indexOf(value.toLowerCase()) >= 0;
     }
-    if (item.type === "regex" && !strict) {
+    if (item.type === 'regex' && !strict) {
       return formatReg(item.match).test(value);
     }
     return false;
@@ -31,13 +31,13 @@ const optionsManager = ({
   const optionsRef = ref([]);
 
   // 全局快捷键
-  ipcRenderer.on("global-short-key", (e, msg) => {
+  ipcRenderer.on('global-short-key', (e, msg) => {
     const options = getOptionsFromSearchValue(msg, true);
     options[0].click();
   });
 
   const getOptionsFromSearchValue = (value, strict = false) => {
-    const localPlugins = remote.getGlobal("LOCAL_PLUGINS").getLocalPlugins();
+    const localPlugins = remote.getGlobal('LOCAL_PLUGINS').getLocalPlugins();
     let options: any = [];
     // todo 先搜索 plugin
     localPlugins.forEach((plugin) => {
@@ -50,7 +50,7 @@ const optionsManager = ({
           ...options,
           ...cmds.map((cmd) => ({
             name: cmd.label || cmd,
-            value: "plugin",
+            value: 'plugin',
             icon: plugin.logo,
             desc: fe.explain,
             type: plugin.pluginType,
@@ -63,7 +63,7 @@ const optionsManager = ({
                 ext: cmd.type
                   ? {
                       code: fe.code,
-                      type: cmd.type || "text",
+                      type: cmd.type || 'text',
                       payload: searchValue.value,
                     }
                   : null,
diff --git a/src/renderer/plugins-manager/pluginClickEvent.ts b/src/renderer/plugins-manager/pluginClickEvent.ts
index 2ad6ad2..9e31e9f 100644
--- a/src/renderer/plugins-manager/pluginClickEvent.ts
+++ b/src/renderer/plugins-manager/pluginClickEvent.ts
@@ -1,13 +1,13 @@
-import { PLUGIN_INSTALL_DIR as baseDir } from "@/common/constans/renderer";
-import path from "path";
-import { toRaw } from "vue";
-import commonConst from "@/common/utils/commonConst";
+import { PLUGIN_INSTALL_DIR as baseDir } from '@/common/constans/renderer';
+import path from 'path';
+import { toRaw } from 'vue';
+import commonConst from '@/common/utils/commonConst';
 
 export default function pluginClickEvent({ plugin, fe, cmd, ext, openPlugin }) {
-  const pluginPath = path.resolve(baseDir, "node_modules", plugin.name);
+  const pluginPath = path.resolve(baseDir, 'node_modules', plugin.name);
   const pluginDist = {
     ...toRaw(plugin),
-    indexPath: `file://${path.join(pluginPath, "./", plugin.main || "")}`,
+    indexPath: `file://${path.join(pluginPath, './', plugin.main || '')}`,
     cmd: cmd.label || cmd,
     feature: fe,
     ext,
@@ -15,13 +15,13 @@ export default function pluginClickEvent({ plugin, fe, cmd, ext, openPlugin }) {
   // 模板文件
   if (!plugin.main) {
     pluginDist.tplPath = commonConst.dev()
-      ? "http://localhost:8082/#/"
+      ? 'http://localhost:8082/#/'
       : `file://${__static}/tpl/index.html`;
   }
   // 插件市场
-  if (plugin.name === "rubick-system-feature") {
+  if (plugin.name === 'rubick-system-feature') {
     pluginDist.indexPath = commonConst.dev()
-      ? "http://localhost:8081/#/"
+      ? 'http://localhost:8081/#/'
       : `file://${__static}/feature/index.html`;
   }
   openPlugin(pluginDist);
diff --git a/src/renderer/plugins-manager/search.ts b/src/renderer/plugins-manager/search.ts
index 3a3ee15..f32c9e7 100644
--- a/src/renderer/plugins-manager/search.ts
+++ b/src/renderer/plugins-manager/search.ts
@@ -1,10 +1,9 @@
-import { reactive, toRefs } from "vue";
-import { ipcRenderer, remote } from "electron";
+import { reactive, toRefs } from 'vue';
 
 const searchManager = () => {
   const state = reactive({
-    searchValue: "",
-    placeholder: "",
+    searchValue: '',
+    placeholder: '',
   });
 
   // search Input operation
@@ -21,7 +20,7 @@ const searchManager = () => {
     state.placeholder = placeholder;
   };
   window.removeSubInput = () => {
-    state.placeholder = "";
+    state.placeholder = '';
   };
   window.setSubInputValue = ({ value }: { value: string }) => {
     state.searchValue = value;
diff --git a/src/renderer/shims-vue.d.ts b/src/renderer/shims-vue.d.ts
index 83250ff..d2f1adc 100644
--- a/src/renderer/shims-vue.d.ts
+++ b/src/renderer/shims-vue.d.ts
@@ -1,17 +1,17 @@
 /* eslint-disable */
-declare module "*.vue" {
-  import type { DefineComponent } from "vue";
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
 
-declare module "main" {
+declare module 'main' {
   export function main(): any;
 }
 
 declare const __static: string;
 
-declare module "lodash.throttle";
+declare module 'lodash.throttle';
 
 interface Window {
   rubick: any;
diff --git a/yarn.lock b/yarn.lock
index 0a81e6a..81707df 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4615,6 +4615,14 @@ electron-builder@^22.2.0:
     update-notifier "^5.1.0"
     yargs "^17.0.1"
 
+electron-clipboard-ex@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/electron-clipboard-ex/-/electron-clipboard-ex-1.3.3.tgz#d035716ba7fcadf6e1cd91507f1a127f11cbbc63"
+  integrity sha512-bny+IQhbLd7ur4NMKJ6P9+WRG2KTF6yGrbKem2N/zIdK64Yk3hCqVEiuyON6b2aOeEUDGkvS8LCkk4Q2IimehA==
+  dependencies:
+    node-addon-api "^4.0.0"
+    node-gyp-build "^4.2.3"
+
 electron-devtools-installer@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/electron-devtools-installer/-/electron-devtools-installer-3.2.0.tgz#acc48d24eb7033fe5af284a19667e73b78d406d0"
@@ -9008,11 +9016,16 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-"prettier@^1.18.2 || ^2.0.0", prettier@^2.2.1:
+"prettier@^1.18.2 || ^2.0.0":
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.7.1.tgz#e235806850d057f97bb08368a4f7d899f7760c64"
   integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
 
+prettier@^2.8.4:
+  version "2.8.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.4.tgz#34dd2595629bfbb79d344ac4a91ff948694463c3"
+  integrity sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==
+
 pretty-error@^2.0.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"