diff --git a/public/images/process.png b/public/images/process.png
new file mode 100644
index 0000000..16cbb16
Binary files /dev/null and b/public/images/process.png differ
diff --git a/src/assets/images/process.png b/src/assets/images/process.png
new file mode 100644
index 0000000..16cbb16
Binary files /dev/null and b/src/assets/images/process.png differ
diff --git a/src/pages/ideContainer/appGuide/index.module.less b/src/pages/ideContainer/appGuide/index.module.less
new file mode 100644
index 0000000..51222b6
--- /dev/null
+++ b/src/pages/ideContainer/appGuide/index.module.less
@@ -0,0 +1,18 @@
+.appGuideContainer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
+  background-color: var(--color-fill-2);
+  overflow: auto;
+}
+
+.guideImage {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
diff --git a/src/pages/ideContainer/appGuide/index.tsx b/src/pages/ideContainer/appGuide/index.tsx
new file mode 100644
index 0000000..e072200
--- /dev/null
+++ b/src/pages/ideContainer/appGuide/index.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import styles from './index.module.less';
+
+const AppGuide: React.FC = () => {
+  return (
+    <div className={styles.appGuideContainer}>
+      <img
+        src="/images/process.png"
+        alt="开发应用引导流程图"
+        className={styles.guideImage}
+      />
+    </div>
+  );
+};
+
+export default AppGuide;
diff --git a/src/pages/ideContainer/config/menuData.ts b/src/pages/ideContainer/config/menuData.ts
index aa3173e..81ea39e 100644
--- a/src/pages/ideContainer/config/menuData.ts
+++ b/src/pages/ideContainer/config/menuData.ts
@@ -47,6 +47,15 @@ export const menuData1 = [
 ];
 
 export const menuData2 = [
+  {
+    title: '开发引导',
+    path: 'appGuide',
+    key: 'appGuide',
+    parentKey: 'appGuide',
+    icon: '/ideContainer/icon/appList.png',
+    activeIcon: '/ideContainer/icon/appList_active.png',
+    children: null
+  },
   {
     title: '组件列表',
     path: 'componentList',
diff --git a/src/pages/ideContainer/index.tsx b/src/pages/ideContainer/index.tsx
index d13fa17..a1c8cf6 100644
--- a/src/pages/ideContainer/index.tsx
+++ b/src/pages/ideContainer/index.tsx
@@ -32,6 +32,7 @@ import ComponentDeployment from '@/pages/componentDevelopment/componentDeploymen
 import ComponentTest from '@/pages/componentDevelopment/componentTest';
 import ComponentEnv from '@/pages/componentDevelopment/componentEnv';
 import SystemResource from '@/pages/componentDevelopment/systemResource';
+import AppGuide from '@/pages/ideContainer/appGuide';
 import { getUserToken } from '@/api/user';
 import { Message } from '@arco-design/web-react';
 import { queryEventItemBySceneId, queryEventItemBySceneIdOld } from '@/api/event';
@@ -53,7 +54,7 @@ const ALL_PATHS = [
   'compFlow', 'complexFlow', 'appFlow', 'compList', 'appInstance', 'event', 'globalVar', 'appCompList',
   'myComponents', 'matchingComponents', 'componentReview', 'componentList',
   'componentCoding', 'componentDeployment', 'componentTest', 'envConfig',
-  'systemResource'
+  'systemResource', 'appGuide'
 ];
 
 function IDEContainer() {
@@ -384,6 +385,8 @@ function IDEContainer() {
         return <ComponentEnv />;
       case 'systemResource':
         return <SystemResource />;
+      case 'appGuide':
+        return <AppGuide />;
       default:
         return <div>未知页面</div>;
     }