diff --git a/web/dashboard/src/business/app-layout/header-components/Help.vue b/web/dashboard/src/business/app-layout/header-components/Help.vue
index 87038b03..903cf009 100644
--- a/web/dashboard/src/business/app-layout/header-components/Help.vue
+++ b/web/dashboard/src/business/app-layout/header-components/Help.vue
@@ -7,6 +7,7 @@
     </span>
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item command="docs">{{ $t('commons.help.ko_docs') }}</el-dropdown-item>
+      <el-dropdown-item command="dev">{{ $t('commons.help.dev_doc') }}</el-dropdown-item>
       <el-dropdown-item class="iconfont iconguanyu" command="about">{{$t("commons.help.about")}}</el-dropdown-item>
     </el-dropdown-menu>
     <el-dialog class="ko-dialog" :show-close="false" :visible.sync="aboutDialogVisible" width="50%">
@@ -52,6 +53,9 @@ export default {
         case "docs":
           window.open("https://github.com/1Panel-dev/KubePi/wiki", "_blank")
           break
+        case "dev":
+          window.open("/kubepi/swagger/index.html", "_blank");
+          break
         default:
           this.aboutDialogVisible = true
           break
diff --git a/web/dashboard/src/i18n/lang/en-US.js b/web/dashboard/src/i18n/lang/en-US.js
index 96ed2104..ec330bf7 100644
--- a/web/dashboard/src/i18n/lang/en-US.js
+++ b/web/dashboard/src/i18n/lang/en-US.js
@@ -24,6 +24,7 @@ const message = {
       help: "Help",
       about: "About",
       ko_docs: "Official Document",
+      dev_doc: "Development Document",
     },
     button: {
       click_to_edit: "Click to edit",
diff --git a/web/dashboard/src/i18n/lang/zh-CN.js b/web/dashboard/src/i18n/lang/zh-CN.js
index e23f5381..fbc1aa58 100644
--- a/web/dashboard/src/i18n/lang/zh-CN.js
+++ b/web/dashboard/src/i18n/lang/zh-CN.js
@@ -25,6 +25,7 @@ const message = {
       help: "帮助",
       about: "关于",
       ko_docs: "官方文档",
+      dev_doc: "开发文档",
     },
     button: {
       click_to_edit: "编辑信息",