diff --git a/packages/common/component/BindI18n.vue b/packages/common/component/BindI18n.vue
index 9a93a2494a..c01bd07ca0 100644
--- a/packages/common/component/BindI18n.vue
+++ b/packages/common/component/BindI18n.vue
@@ -117,7 +117,8 @@ export default {
       emit('bind', { ...data, key })
     }
 
-    const activeI18n = () => useLayout().activePlugin('I18n')
+    const { PLUGIN_NAME, activePlugin } = useLayout()
+    const activeI18n = () => activePlugin(PLUGIN_NAME.I18n)
 
     const addBindI18n = () => {
       useTranslate().ensureI18n(editForm, true)
diff --git a/packages/controller/src/useLayout.js b/packages/controller/src/useLayout.js
index 368b771295..6e1f744bad 100644
--- a/packages/controller/src/useLayout.js
+++ b/packages/controller/src/useLayout.js
@@ -16,13 +16,20 @@ import { constants } from '@opentiny/tiny-engine-utils'
 const { PAGE_STATUS } = constants
 
 const PLUGIN_NAME = {
-  Materials: 'Materials',
-  AppManage: 'AppManage',
-  BlockManage: 'BlockManage',
-  PageController: 'PageController',
+  Materials: 'engine.plugins.materials',
+  AppManage: 'engine.plugins.appmanage',
+  BlockManage: 'engine.plugins.blockmanage',
+  Bridge: 'engine.plugins.bridge',
+  DataSource: 'engine.plugins.datasource',
+  Collections: 'engine.plugins.collections',
+  EditorHelp: 'engine.plugins.editorhelp',
+  I18n: 'engine.plugins.i18n',
+  Robot: 'engine.plugins.robot',
+  Schema: 'engine.plugins.schema',
+  PageController: 'engine.plugins.pagecontroller',
+  OutlineTree: 'engine.plugins.outlinetree',
+  Tutorial: 'engine.plugins.tutorial',
   Lock: 'Lock',
-  Tutorial: 'Tutorial',
-  OutlineTree: 'OutlineTree',
   save: 'save'
 }
 
diff --git a/packages/design-core/src/DesignPlugins.vue b/packages/design-core/src/DesignPlugins.vue
index 2c7f1e5c55..00309c9ec0 100644
--- a/packages/design-core/src/DesignPlugins.vue
+++ b/packages/design-core/src/DesignPlugins.vue
@@ -119,9 +119,9 @@ export default {
     const robotVisible = ref(false)
     const robotComponent = ref(null)
     const { isTemporaryPage } = usePage()
-    const HELP_PLUGIN_ID = 'EditorHelp'
 
     const {
+      PLUGIN_NAME,
       pluginState,
       registerPluginApi,
       layoutState: { plugins: pluginsState }
@@ -154,7 +154,7 @@ export default {
     }
 
     const clickMenu = ({ item, index }) => {
-      if (item.id === HELP_PLUGIN_ID) return
+      if (item.id === PLUGIN_NAME.EditorHelp) return
       state.prevIdex = index
 
       // 切换插件与关闭插件时确认
@@ -177,8 +177,8 @@ export default {
     }
     watch(isTemporaryPage, () => {
       if (isTemporaryPage.saved) {
-        const pagePanel = state.topNavLists?.find((item) => item.id === 'AppManage') || null
-        const pageIndex = state.topNavLists?.findIndex((item) => item.id === 'AppManage') || -1
+        const pagePanel = state.topNavLists?.find((item) => item.id === PLUGIN_NAME.AppManage) || null
+        const pageIndex = state.topNavLists?.findIndex((item) => item.id === PLUGIN_NAME.AppManage) || -1
         if (pagePanel !== props.renderPanel) {
           clickMenu({ item: pagePanel, index: pageIndex })
         }
@@ -186,7 +186,7 @@ export default {
     })
 
     const openAIRobot = () => {
-      robotComponent.value = components.Robot
+      robotComponent.value = components[PLUGIN_NAME.Robot]
       robotVisible.value = !robotVisible.value
     }
     const close = () => {
diff --git a/packages/plugins/block/index.js b/packages/plugins/block/index.js
index 3c343f5ed7..8d986e6302 100644
--- a/packages/plugins/block/index.js
+++ b/packages/plugins/block/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'BlockManage',
-  title: '区块管理',
-  icon: 'plugin-icon-symbol',
-  align: 'top',
+  ...metaData,
   api,
   component
 }
diff --git a/packages/plugins/block/meta.js b/packages/plugins/block/meta.js
new file mode 100644
index 0000000000..01d507a79a
--- /dev/null
+++ b/packages/plugins/block/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.blockmanage',
+  title: '区块管理',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-symbol'
+}
diff --git a/packages/plugins/block/package.json b/packages/plugins/block/package.json
index f72f2f6e9e..7bc1d8194e 100644
--- a/packages/plugins/block/package.json
+++ b/packages/plugins/block/package.json
@@ -27,12 +27,14 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "html2canvas": "^1.4.1",
     "pinyin-pro": "^3.13.0"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/block/vite.config.js b/packages/plugins/block/vite.config.js
index 4cddadfb96..33d33f472c 100644
--- a/packages/plugins/block/vite.config.js
+++ b/packages/plugins/block/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/bridge/index.js b/packages/plugins/bridge/index.js
index 96604ef21a..7a55d928b6 100644
--- a/packages/plugins/bridge/index.js
+++ b/packages/plugins/bridge/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Bridge',
-  title: '资源管理',
-  icon: 'plugin-icon-sresources',
-  align: 'top',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/bridge/meta.js b/packages/plugins/bridge/meta.js
new file mode 100644
index 0000000000..503e2e0a1f
--- /dev/null
+++ b/packages/plugins/bridge/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.bridge',
+  title: '资源管理',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-sresources'
+}
diff --git a/packages/plugins/bridge/package.json b/packages/plugins/bridge/package.json
index a6f185c69c..bcac1d5043 100644
--- a/packages/plugins/bridge/package.json
+++ b/packages/plugins/bridge/package.json
@@ -27,9 +27,11 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/bridge/vite.config.js b/packages/plugins/bridge/vite.config.js
index db8dc6eb88..3cda78b1a8 100644
--- a/packages/plugins/bridge/vite.config.js
+++ b/packages/plugins/bridge/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/data/index.js b/packages/plugins/data/index.js
index 3a14532cc7..7a55d928b6 100644
--- a/packages/plugins/data/index.js
+++ b/packages/plugins/data/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'DataSource',
-  title: '状态管理',
-  icon: 'plugin-icon-var',
-  align: 'top',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/data/meta.js b/packages/plugins/data/meta.js
new file mode 100644
index 0000000000..bb7e45a774
--- /dev/null
+++ b/packages/plugins/data/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.datasource',
+  title: '状态管理',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-var'
+}
diff --git a/packages/plugins/data/package.json b/packages/plugins/data/package.json
index 52471f277c..245a895896 100644
--- a/packages/plugins/data/package.json
+++ b/packages/plugins/data/package.json
@@ -27,11 +27,13 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "monaco-editor": "0.33.0"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/data/vite.config.js b/packages/plugins/data/vite.config.js
index bb51f82d43..b2f2023eda 100644
--- a/packages/plugins/data/vite.config.js
+++ b/packages/plugins/data/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/datasource/index.js b/packages/plugins/datasource/index.js
index 2289806891..e0605430e7 100644
--- a/packages/plugins/datasource/index.js
+++ b/packages/plugins/datasource/index.js
@@ -1,23 +1,21 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import { fetchDataSourceList, fetchDataSourceDetail } from './src/js/http'
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Collections',
-  title: '数据源',
-  icon: 'plugin-icon-data',
-  align: 'top',
+  ...metaData,
   component
 }
 
diff --git a/packages/plugins/datasource/meta.js b/packages/plugins/datasource/meta.js
new file mode 100644
index 0000000000..085544ded0
--- /dev/null
+++ b/packages/plugins/datasource/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.collections',
+  title: '数据源',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-data'
+}
diff --git a/packages/plugins/datasource/package.json b/packages/plugins/datasource/package.json
index 6cd42bdaae..bcf5b4bd02 100644
--- a/packages/plugins/datasource/package.json
+++ b/packages/plugins/datasource/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "@vue/shared": "^3.3.4",
@@ -35,6 +36,7 @@
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/datasource/vite.config.js b/packages/plugins/datasource/vite.config.js
index c8ea647dbc..4cc200b407 100644
--- a/packages/plugins/datasource/vite.config.js
+++ b/packages/plugins/datasource/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/help/index.js b/packages/plugins/help/index.js
index 208f00be09..e236a708b1 100644
--- a/packages/plugins/help/index.js
+++ b/packages/plugins/help/index.js
@@ -10,11 +10,8 @@
  *
  */
 
-import HelpIcon from './src/HelpIcon.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'EditorHelp',
-  title: '',
-  icon: HelpIcon,
-  align: 'bottom'
+  ...metaData
 }
diff --git a/packages/plugins/help/meta.js b/packages/plugins/help/meta.js
new file mode 100644
index 0000000000..29507c619b
--- /dev/null
+++ b/packages/plugins/help/meta.js
@@ -0,0 +1,9 @@
+import HelpIcon from './src/HelpIcon.vue'
+
+export default {
+  id: 'engine.plugins.editorhelp',
+  title: '',
+  type: 'plugins',
+  icon: HelpIcon,
+  align: 'bottom'
+}
diff --git a/packages/plugins/help/package.json b/packages/plugins/help/package.json
index ad07f9b95d..7109422a0e 100644
--- a/packages/plugins/help/package.json
+++ b/packages/plugins/help/package.json
@@ -26,9 +26,11 @@
   "dependencies": {
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/help/vite.config.js b/packages/plugins/help/vite.config.js
index 89b8139156..8cf906be2b 100644
--- a/packages/plugins/help/vite.config.js
+++ b/packages/plugins/help/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/i18n/package.json b/packages/plugins/i18n/package.json
index 9d85f1c1e1..caf14e9f74 100644
--- a/packages/plugins/i18n/package.json
+++ b/packages/plugins/i18n/package.json
@@ -24,14 +24,15 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "vue-clipboard3": "^2.0.0"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
@@ -41,4 +42,4 @@
     "@opentiny/vue-icon": "^3.14.0",
     "vue": "^3.4.15"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/plugins/i18n/vite.config.js b/packages/plugins/i18n/vite.config.js
index 71de3ed5d4..7a12a6ec47 100644
--- a/packages/plugins/i18n/vite.config.js
+++ b/packages/plugins/i18n/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/materials/index.js b/packages/plugins/materials/index.js
index 49bfed646c..5913893fec 100644
--- a/packages/plugins/materials/index.js
+++ b/packages/plugins/materials/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Materials',
-  title: '物料',
-  icon: 'plugin-icon-materials',
-  align: 'top',
+  ...metaData,
   component,
   api
 }
diff --git a/packages/plugins/materials/meta.js b/packages/plugins/materials/meta.js
new file mode 100644
index 0000000000..8088f738b7
--- /dev/null
+++ b/packages/plugins/materials/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.materials',
+  title: '物料',
+  type: 'plugins',
+  icon: 'plugin-icon-materials',
+  align: 'top'
+}
diff --git a/packages/plugins/materials/package.json b/packages/plugins/materials/package.json
index 8d1ae26bbb..374aba963a 100644
--- a/packages/plugins/materials/package.json
+++ b/packages/plugins/materials/package.json
@@ -27,9 +27,11 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/materials/vite.config.js b/packages/plugins/materials/vite.config.js
index 6df3a05727..556d03f2aa 100644
--- a/packages/plugins/materials/vite.config.js
+++ b/packages/plugins/materials/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   resolve: {},
   publicDir: false,
   build: {
diff --git a/packages/plugins/page/index.js b/packages/plugins/page/index.js
index ef83e9d11a..8d986e6302 100644
--- a/packages/plugins/page/index.js
+++ b/packages/plugins/page/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'AppManage',
-  title: '页面管理',
-  icon: 'plugin-icon-page',
-  align: 'top',
+  ...metaData,
   api,
   component
 }
diff --git a/packages/plugins/page/meta.js b/packages/plugins/page/meta.js
new file mode 100644
index 0000000000..5a65a5980c
--- /dev/null
+++ b/packages/plugins/page/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.appmanage',
+  title: '页面管理',
+  type: 'plugins',
+  icon: 'plugin-icon-page',
+  align: 'top'
+}
diff --git a/packages/plugins/page/package.json b/packages/plugins/page/package.json
index 920cd5f4da..d23771e0aa 100644
--- a/packages/plugins/page/package.json
+++ b/packages/plugins/page/package.json
@@ -26,10 +26,12 @@
   "dependencies": {
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/page/vite.config.js b/packages/plugins/page/vite.config.js
index 69d756e211..9ae6ac5404 100644
--- a/packages/plugins/page/vite.config.js
+++ b/packages/plugins/page/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/robot/index.js b/packages/plugins/robot/index.js
index a0f107b2e9..7a55d928b6 100644
--- a/packages/plugins/robot/index.js
+++ b/packages/plugins/robot/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Robot',
-  title: 'AI对话框',
-  icon: 'plugin-icon-robot',
-  align: 'independence',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/robot/meta.js b/packages/plugins/robot/meta.js
new file mode 100644
index 0000000000..039e377e6e
--- /dev/null
+++ b/packages/plugins/robot/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.robot',
+  title: 'AI对话框',
+  type: 'plugins',
+  icon: 'plugin-icon-robot',
+  align: 'independence'
+}
diff --git a/packages/plugins/robot/package.json b/packages/plugins/robot/package.json
index acf0fe2823..6813fcda45 100644
--- a/packages/plugins/robot/package.json
+++ b/packages/plugins/robot/package.json
@@ -27,9 +27,11 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/robot/vite.config.js b/packages/plugins/robot/vite.config.js
index 218d0a5ea7..6525ed2a96 100644
--- a/packages/plugins/robot/vite.config.js
+++ b/packages/plugins/robot/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   resolve: {},
   publicDir: false,
   build: {
diff --git a/packages/plugins/schema/index.js b/packages/plugins/schema/index.js
index 63b118978e..7a55d928b6 100644
--- a/packages/plugins/schema/index.js
+++ b/packages/plugins/schema/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Schema',
-  title: '页面 Schema',
-  icon: 'plugin-icon-page-schema',
-  align: 'bottom',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/schema/meta.js b/packages/plugins/schema/meta.js
new file mode 100644
index 0000000000..c40473cb66
--- /dev/null
+++ b/packages/plugins/schema/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.schema',
+  title: '页面 Schema',
+  type: 'plugins',
+  icon: 'plugin-icon-page-schema',
+  align: 'bottom'
+}
diff --git a/packages/plugins/schema/package.json b/packages/plugins/schema/package.json
index fdc8e0e5a0..a7b38c69f6 100644
--- a/packages/plugins/schema/package.json
+++ b/packages/plugins/schema/package.json
@@ -27,9 +27,11 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/schema/vite.config.js b/packages/plugins/schema/vite.config.js
index 0205767c5d..937bed1633 100644
--- a/packages/plugins/schema/vite.config.js
+++ b/packages/plugins/schema/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/script/index.js b/packages/plugins/script/index.js
index f89c08026c..8d986e6302 100644
--- a/packages/plugins/script/index.js
+++ b/packages/plugins/script/index.js
@@ -1,23 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'PageController',
-  title: '页面 JS',
-  icon: 'plugin-icon-js',
-  align: 'top',
+  ...metaData,
   api,
-  component,
-  confirm: 'close', // 当点击插件栏切换或关闭前是否需要确认, 会调用插件中confirm值指定的方法，e.g. 此处指向 close方法，会调用插件的close方法执行确认逻辑
+  component
 }
diff --git a/packages/plugins/script/meta.js b/packages/plugins/script/meta.js
new file mode 100644
index 0000000000..7ea61f52b0
--- /dev/null
+++ b/packages/plugins/script/meta.js
@@ -0,0 +1,8 @@
+export default {
+  id: 'engine.plugins.pagecontroller',
+  title: '页面 JS',
+  type: 'plugins',
+  icon: 'plugin-icon-js',
+  align: 'top',
+  confirm: 'close' // 当点击插件栏切换或关闭前是否需要确认, 会调用插件中confirm值指定的方法，e.g. 此处指向 close方法，会调用插件的close方法执行确认逻辑
+}
diff --git a/packages/plugins/script/package.json b/packages/plugins/script/package.json
index f5e2286675..46e07296d0 100644
--- a/packages/plugins/script/package.json
+++ b/packages/plugins/script/package.json
@@ -27,9 +27,11 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/script/vite.config.js b/packages/plugins/script/vite.config.js
index 80bab01350..1c11402529 100644
--- a/packages/plugins/script/vite.config.js
+++ b/packages/plugins/script/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/tree/index.js b/packages/plugins/tree/index.js
index b5f2294ded..7a55d928b6 100644
--- a/packages/plugins/tree/index.js
+++ b/packages/plugins/tree/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'OutlineTree',
-  title: '大纲树',
-  icon: 'plugin-icon-tree',
-  align: 'top',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/tree/meta.js b/packages/plugins/tree/meta.js
new file mode 100644
index 0000000000..4dd08ca593
--- /dev/null
+++ b/packages/plugins/tree/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.outlinetree',
+  title: '大纲树',
+  type: 'plugins',
+  icon: 'plugin-icon-tree',
+  align: 'top'
+}
diff --git a/packages/plugins/tree/package.json b/packages/plugins/tree/package.json
index 83b3fb8253..e41a9aa030 100644
--- a/packages/plugins/tree/package.json
+++ b/packages/plugins/tree/package.json
@@ -27,9 +27,11 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/tree/vite.config.js b/packages/plugins/tree/vite.config.js
index d58d84fcc2..0935377938 100644
--- a/packages/plugins/tree/vite.config.js
+++ b/packages/plugins/tree/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/tutorial/index.js b/packages/plugins/tutorial/index.js
index f81e2f3dea..57edad53aa 100644
--- a/packages/plugins/tutorial/index.js
+++ b/packages/plugins/tutorial/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Tutorial',
-  title: 'TinyEngine 教程',
-  icon: 'plugin-icon-tutorial',
-  align: 'bottom',
+  ...metaData,
   component,
   api
 }
diff --git a/packages/plugins/tutorial/meta.js b/packages/plugins/tutorial/meta.js
new file mode 100644
index 0000000000..f1aa82e505
--- /dev/null
+++ b/packages/plugins/tutorial/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.tutorial',
+  title: 'TinyEngine 教程',
+  type: 'plugins',
+  icon: 'plugin-icon-tutorial',
+  align: 'bottom'
+}
diff --git a/packages/plugins/tutorial/package.json b/packages/plugins/tutorial/package.json
index 7b06fa7e73..57ab041b7b 100644
--- a/packages/plugins/tutorial/package.json
+++ b/packages/plugins/tutorial/package.json
@@ -26,10 +26,12 @@
   "dependencies": {
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "marked": "^4.0.17"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/tutorial/src/Main.vue b/packages/plugins/tutorial/src/Main.vue
index 784d3a9049..8a79f2b73a 100644
--- a/packages/plugins/tutorial/src/Main.vue
+++ b/packages/plugins/tutorial/src/Main.vue
@@ -103,14 +103,13 @@ export default {
       boxVisibility.value = false
     }
 
+    const { PLUGIN_NAME, getPluginApi } = useLayout()
+
     const openVideoPanel = () => {
-      const { getPluginApi } = useLayout()
-      const { open } = getPluginApi('Tutorial')
+      const { open } = getPluginApi(PLUGIN_NAME.Tutorial)
       open()
     }
 
-    const { PLUGIN_NAME } = useLayout()
-
     return {
       state,
       PLUGIN_NAME,
diff --git a/packages/plugins/tutorial/vite.config.js b/packages/plugins/tutorial/vite.config.js
index 31a9f1ae2e..6f960d130e 100644
--- a/packages/plugins/tutorial/vite.config.js
+++ b/packages/plugins/tutorial/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/toolbars/generate-vue/src/Main.vue b/packages/toolbars/generate-vue/src/Main.vue
index 54d25cf2f1..75d38dca7c 100644
--- a/packages/toolbars/generate-vue/src/Main.vue
+++ b/packages/toolbars/generate-vue/src/Main.vue
@@ -129,7 +129,8 @@ export default {
     const instance = generateApp()
 
     const getAllPageDetails = async (pageList) => {
-      const detailPromise = pageList.map(({ id }) => useLayout().getPluginApi('AppManage').getPageById(id))
+      const { PLUGIN_NAME, getPluginApi } = useLayout()
+      const detailPromise = pageList.map(({ id }) => getPluginApi(PLUGIN_NAME.AppManage).getPageById(id))
       const detailList = await Promise.allSettled(detailPromise)
 
       return detailList
diff --git a/packages/toolbars/logo/src/Main.vue b/packages/toolbars/logo/src/Main.vue
index 72f4b15c24..cd25ac374e 100644
--- a/packages/toolbars/logo/src/Main.vue
+++ b/packages/toolbars/logo/src/Main.vue
@@ -117,7 +117,7 @@ import { isDevelopEnv } from '@opentiny/tiny-engine-controller/js/environments'
 
 const http = useHttp()
 
-const { activePlugin } = useLayout()
+const { PLUGIN_NAME, activePlugin } = useLayout()
 
 const IconHelp = iconHelpCircle()
 
@@ -158,10 +158,10 @@ const getTargetUrl = (centerName) => {
 
 const actions = {
   pageManagement() {
-    activePlugin('AppManage')
+    activePlugin(PLUGIN_NAME.AppManage)
   },
   blockManagement() {
-    activePlugin('BlockManage')
+    activePlugin(PLUGIN_NAME.BlockManage)
   },
   gotoPlatformCenter() {
     window.open(getTargetUrl('my-platform'), '_blank')
diff --git a/packages/utils/src/constants/index.js b/packages/utils/src/constants/index.js
index 92fa301eb8..05f4f20965 100644
--- a/packages/utils/src/constants/index.js
+++ b/packages/utils/src/constants/index.js
@@ -37,16 +37,6 @@ export const EXPRESSION_TYPE = {
   JS_EXPRESSION: 'JSExpression'
 }
 
-export const PLUGIN_NAME = {
-  Materials: 'Materials',
-  AppManage: 'AppManage',
-  BlockManage: 'BlockManage',
-  PageController: 'PageController',
-  Lock: 'Lock',
-  OutlineTree: 'OutlineTree',
-  save: 'save'
-}
-
 export const LOCALE = {
   zh_CN: 'zh_CN',
   en_US: 'en_US'