diff --git a/packages/gui/src/view/components/settings.vue b/packages/gui/src/view/components/settings.vue
deleted file mode 100644
index c333b09e..00000000
--- a/packages/gui/src/view/components/settings.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<!--
-<template>
-  <a-drawer
-    :title="title"
-    placement="right"
-    :closable="false"
-    :visible="visible"
-    :after-visible-change="afterVisibleChange"
-    @close="onClose"
-    width="650px"
-    height="100%"
-    wrapClassName="json-wrapper"
-  >
-
-    <a-tabs
-      default-active-key="1"
-      tab-position="left"
-      :style="{ height: '100%' }"
-    >
-      <a-tab-pane tab="拦截设置" key="1"  >
-        <vue-json-editor style="height:100%;" ref="editor" v-model="targetConfig.intercepts" mode="code" :show-btns="false" :expandedOnStart="true"></vue-json-editor>
-      </a-tab-pane>
-      <a-tab-pane tab="DNS设置" key="2">
-        <div>
-          <div>某些域名有时候需要通过其他DNS服务器获取到的IP才可以访问</div>
-          <a-row style="margin-top:10px">
-            <a-col>
-              <a-button type="primary" icon="plus" @click="addDnsMapping()"/>
-            </a-col>
-          </a-row>
-          <a-row :gutter="10" style="margin-top: 10px" v-for="(item,index) of dnsMappings" :key = 'index'>
-            <a-col :span="14">
-              <a-input :disabled="item.value === false" v-model="item.key"></a-input>
-            </a-col>
-            <a-col :span="5">
-              <a-select :disabled="item.value === false" v-model="item.value">
-                <a-select-option value="cloudflare">CloudFlare DNS</a-select-option>
-                <a-select-option value="aliyun">Aliyun DNS</a-select-option>
-              </a-select>
-            </a-col>
-            <a-col :span="3">
-              <a-button v-if="item.value !== false" style="margin-left:10px" type="danger" icon="minus" @click="deleteDnsMapping(item,index)"/>
-              <a-button v-if="item.value === false" style="margin-left:10px" type="primary" icon="checked" @click="restoreDefDnsMapping(item,index)" ></a-button>
-            </a-col>
-          </a-row>
-        </div>
-      </a-tab-pane>
-      <a-tab-pane tab="环境变量" key="3">
-        <div>
-          <div>某些库需要自己设置镜像变量，才能下载，比如：electron</div>
-          <div>
-            <a-form-item label="镜像环境变量" >
-              <a-switch  v-model="targetConfig.setting.startup.variables.npm"  default-checked   v-on:click="(checked)=>{targetConfig.setting.startup.variables.npm = checked}">
-                <a-icon slot="checkedChildren" type="check"/>
-                <a-icon slot="unCheckedChildren" type="close"/>
-              </a-switch>
-              启动后自动检查设置
-
-              <a-button style="margin-left:10px" @click="doSetNpmVariablesNow">立即设置</a-button>
-            </a-form-item>
-          </div>
-          <a-row :gutter="10" style="margin-top: 10px" v-for="(item,index) of npmVariables" :key = 'index'>
-            <a-col :span="10">
-              <a-input :disabled="item.key === false" v-model="item.key"></a-input>
-            </a-col>
-            <a-col :span="10">
-              <a-input :disabled="item.value === false" v-model="item.value"></a-input>
-            </a-col>
-            <a-col :span="4">
-              <a-icon v-if="item.exists" style="color:green" type="check"/>
-              <a-icon v-if="!item.exists" title="还未设置" style="color:red" type="exclamation-circle"/>
-            </a-col>
-          </a-row>
-        </div>
-      </a-tab-pane>
-
-      <a-tab-pane tab="启动设置" key="4" >
-        <div>启动应用程序后自动启动</div>
-        <a-form style="margin-top: 20px"  :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }" >
-          <a-form-item label="代理服务" >
-            <a-switch  v-model="targetConfig.setting.startup.server"  default-checked   v-on:click="(checked)=>{targetConfig.setting.startup.server = checked}">
-              <a-icon slot="checkedChildren" type="check"/>
-              <a-icon slot="unCheckedChildren" type="close"/>
-            </a-switch>
-          </a-form-item>
-
-          <a-form-item  v-for="(item,key) in targetConfig.setting.startup.proxy" :key="key" :label="key">
-            <a-switch  v-model="targetConfig.setting.startup.proxy[key]"  default-checked   v-on:click="(checked)=>{targetConfig.setting.startup.proxy[key] = checked}">
-              <a-icon slot="checkedChildren" type="check"/>
-              <a-icon slot="unCheckedChildren" type="close"/>
-            </a-switch>
-          </a-form-item>
-        </a-form>
-      </a-tab-pane>
-    </a-tabs>
-
-  </a-drawer>
-</template>
-
-<script>
-import vueJsonEditor from 'vue-json-editor-fix-cn'
-import lodash from 'lodash'
-import api from '../api'
-export default {
-  name: 'setting',
-  components: {
-    vueJsonEditor
-  },
-  props: {
-    config: {
-      type: Object
-    },
-    title: {
-      type: String,
-      default: '编辑'
-    },
-    visible: {
-      type: Boolean
-    }
-  },
-  data () {
-    return {
-      targetConfig: {},
-      dnsMappings: [],
-      npmVariables: []
-    }
-  },
-  created () {
-    this.resetConfig()
-  },
-  methods: {
-    resetConfig () {
-      this.targetConfig = lodash.cloneDeep(this.config)
-      console.log('targetConfig', this.targetConfig)
-      this.dnsMappings = []
-      for (const key in this.targetConfig.dns.mapping) {
-        const value = this.targetConfig.dns.mapping[key]
-        this.dnsMappings.push({
-          key, value
-        })
-      }
-
-      api.config.getVariables('npm').then(ret => {
-        this.npmVariables = ret
-      })
-    },
-    afterVisibleChange (val) {
-      console.log('visible', val)
-      if (val === true) {
-        this.resetConfig()
-      }
-    },
-    showDrawer () {
-      this.$emit('update:visible', true)
-    },
-    onClose () {
-      if (this.isChanged()) {
-        this.$confirm({
-          title: '提示',
-          content: '是否需要保存？',
-          cancelText: '取消',
-          okText: '确定',
-          onOk: () => {
-            this.doSave()
-          },
-          onCancel () {}
-        })
-      }
-
-      this.$emit('update:visible', false)
-    },
-    syncTargetConfig () {
-      const mapping = {}
-      for (const item of this.dnsMappings) {
-        mapping[item.key] = item.value
-      }
-      this.targetConfig.dns.mapping = mapping
-
-      const variables = {}
-      for (const item of this.npmVariables) {
-        variables[item.key] = item.value
-      }
-      this.targetConfig.variables.npm = variables
-    },
-    isChanged () {
-      this.syncTargetConfig()
-      return !lodash.isEqual(this.config, this.targetConfig)
-    },
-    doSave () {
-      return api.config.save(this.targetConfig).then(ret => {
-        this.$emit('change', ret.diffConfig)
-      })
-    },
-    deleteDnsMapping (item, index) {
-      this.dnsMappings.splice(index, 1)
-    },
-    restoreDefDnsMapping (item, index) {
-
-    },
-    addDnsMapping () {
-      this.dnsMappings.unshift({ key: '', value: 'quad9' })
-    },
-    doSetNpmVariablesNow () {
-      this.syncTargetConfig()
-      this.doSave().then(() => {
-        return api.config.setVariables('npm')
-      }).then(() => {
-        return api.config.getVariables('npm').then(ret => {
-          this.npmVariables = ret
-        })
-      }).then(() => {
-        this.$message.success('设置成功')
-      })
-    },
-    addNpmVariable () {
-      this.npmVariables.push({ key: '', value: '', exists: false })
-    }
-  }
-}
-</script>
-
-<style>
-.json-wrapper .ant-drawer-wrapper-body{
-  display: flex;
-  flex-direction: column;
-}
-.json-wrapper .ant-drawer-wrapper-body .ant-drawer-body{
-  flex: 1;
-  height: 0;
-}
-.json-wrapper .jsoneditor-vue{
-  height:100%
-}
-.json-wrapper .ant-tabs{
-  height: 100%;
-}
-.json-wrapper .ant-tabs-content{
-  height: 100%;
-}
-.json-wrapper .ant-tabs-tabpane-active{
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.a-form{
-  margin-bottom: 10px;
-}
-</style>
--->