diff --git a/source/src/devtools/index.ts b/source/src/devtools/index.ts
index 431ecf6..fa6638e 100644
--- a/source/src/devtools/index.ts
+++ b/source/src/devtools/index.ts
@@ -3,7 +3,7 @@ import ElementUI from "element-ui"
 import "element-ui/lib/theme-chalk/index.css"
 import './icon-font/iconfont.css'
 import "./global.less"
-import index from "./index.vue";
+import index from "./ui/index.vue";
 import {init} from './register-panel';
 
 init();
diff --git a/source/src/devtools/index.vue b/source/src/devtools/ui/index.vue
similarity index 98%
rename from source/src/devtools/index.vue
rename to source/src/devtools/ui/index.vue
index 8f5b382..e5e4e79 100644
--- a/source/src/devtools/index.vue
+++ b/source/src/devtools/ui/index.vue
@@ -51,11 +51,11 @@
 <script lang="ts">
 import Vue from "vue";
 import {Component} from "vue-property-decorator";
-import properties from "./ui/propertys.vue";
+import properties from "./propertys.vue";
 import {Msg, Page, PluginEvent} from '@/core/types'
 import {connectBackground} from "@/devtools/connectBackground";
 import {EngineData, Info, TreeData} from "@/devtools/data";
-import Bus, {BusMsg} from './bus';
+import Bus, {BusMsg} from '@/devtools/bus';
 
 @Component({
   components: {
@@ -327,7 +327,7 @@ export default class Index extends Vue {
 </script>
 
 <style scoped lang="less">
-@import "../index.less";
+@import "../../index.less";
 
 #devtools {
   display: flex;