diff --git a/packages/devtool/src/components/user-config-edit/user-config-edit.tsx b/packages/devtool/src/components/user-config-edit/user-config-edit.tsx
index 8a56adbe4f53719cf2f51796c82778a7e8c915f1..ce3fed5328935f6d9cd38d81bb847a39725430b2 100644
--- a/packages/devtool/src/components/user-config-edit/user-config-edit.tsx
+++ b/packages/devtool/src/components/user-config-edit/user-config-edit.tsx
@@ -1,7 +1,7 @@
 import { PropType, defineComponent, reactive, ref, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './user-config-edit.scss';
 import { IDevToolConfig } from '@ibiz-template/core';
+import './user-config-edit.scss';
 
 export const UserConfigEdit = defineComponent({
   name: 'DevToolUserConfigEdit',
diff --git a/packages/devtool/src/controller/center.controller.ts b/packages/devtool/src/controller/center.controller.ts
index 4c5aeba20dceb64b8ba1b37f53de570a5d4cff46..cf77e4a5119afb865dfd2e9bf4b942215046583e 100644
--- a/packages/devtool/src/controller/center.controller.ts
+++ b/packages/devtool/src/controller/center.controller.ts
@@ -9,6 +9,7 @@ import { IDevToolConfig } from '@ibiz-template/core';
 import { IndexPage, ViewModelViewer } from '../components';
 import { DevToolConfig } from './dev-tool-config';
 import { ICenterControllerState } from '../interface/i-center-controller-state';
+import { IDevToolController } from '../interface/i-devtool-controller';
 
 /**
  * 控制中心
@@ -17,7 +18,7 @@ import { ICenterControllerState } from '../interface/i-center-controller-state';
  * @export
  * @class CenterController
  */
-export class CenterController {
+export class CenterController implements IDevToolController {
   /**
    * 配置对象
    * @author lxm
@@ -55,7 +56,7 @@ export class CenterController {
    * @type {ICenterControllerState}
    */
   state: ICenterControllerState = reactive({
-    isShow: true,
+    isShow: false,
     viewListRefreshKey: createUUID(),
     selectedViewId: null,
     hoverViewId: null,
diff --git a/packages/devtool/src/index.ts b/packages/devtool/src/index.ts
index a89fa7361bd0c57f0c822290f450d5b7b01abfe0..bab7dcbb4299fdcdc55632a1b842fcca194e8ff2 100644
--- a/packages/devtool/src/index.ts
+++ b/packages/devtool/src/index.ts
@@ -1,10 +1,3 @@
-import { App } from 'vue';
 import './style/index.scss';
-import { CenterController } from './controller/center.controller';
 
-export default {
-  install(_app: App) {
-    const center = new CenterController();
-    center.init();
-  },
-};
+export { install } from './install';
diff --git a/packages/devtool/src/install.ts b/packages/devtool/src/install.ts
new file mode 100644
index 0000000000000000000000000000000000000000..237abc343ea8ca454fe887f5d2a969a729bcf992
--- /dev/null
+++ b/packages/devtool/src/install.ts
@@ -0,0 +1,12 @@
+import { CenterController } from './controller/center.controller';
+
+/**
+ * 安装
+ *
+ * @export
+ */
+export function install(): void {
+  const { ibiz } = window;
+  ibiz.devTool = new CenterController();
+  ibiz.devTool.init();
+}
diff --git a/packages/devtool/src/interface/i-devtool-controller.ts b/packages/devtool/src/interface/i-devtool-controller.ts
new file mode 100644
index 0000000000000000000000000000000000000000..092c35f81f5bf51a0185cfb4a23159151f0c9dc3
--- /dev/null
+++ b/packages/devtool/src/interface/i-devtool-controller.ts
@@ -0,0 +1,33 @@
+import { ICenterControllerState } from './i-center-controller-state';
+
+/**
+ * 接口
+ *
+ * @export
+ * @interface IDevToolController
+ */
+export interface IDevToolController {
+  /**
+   * UI响应式状态对象
+   *
+   * @type {ICenterControllerState}
+   * @memberof IDevToolController
+   */
+  state: ICenterControllerState;
+
+  /**
+   * 初始化
+   *
+   * @memberof IDevToolController
+   */
+  init(): void;
+
+  /**
+   * 切换显示状态
+   *
+   * @param {boolean} [visible]
+   * @return {*}  {Promise<void>}
+   * @memberof IDevToolController
+   */
+  triggerVisible(visible?: boolean): Promise<void>;
+}
diff --git a/packages/devtool/src/types.ts b/packages/devtool/src/types.ts
new file mode 100644
index 0000000000000000000000000000000000000000..64337d31eb667cf085f1cd4e7d96264709ae0d0b
--- /dev/null
+++ b/packages/devtool/src/types.ts
@@ -0,0 +1,13 @@
+import { IDevToolController } from './interface/i-devtool-controller';
+
+declare module '@ibiz-template/core' {
+  interface IBizSys {
+    /**
+     * 调试工具
+     *
+     * @type {IDevToolController}
+     * @memberof IBizSys
+     */
+    devTool: IDevToolController;
+  }
+}