docs: add debug part (#3739)

Author: 2heal1

apps/website-new/docs/en/guide/_meta.json

@@ -14,6 +14,11 @@
     "name": "framework",
     "label": "Frameworks"
   },
+  {
+    "type": "dir",
+    "name": "debug",
+    "label": "Debug"
+  },
   {
     "type":"dir",
     "name":"troubleshooting",

apps/website-new/docs/en/guide/basic/_meta.json

@@ -1 +1 @@
-["runtime", "rsbuild", "rspack", "webpack", "vite", "chrome-devtool", "type-prompt","cli"]
+["runtime", "rsbuild", "rspack", "webpack", "vite",  "type-prompt","cli"]

apps/website-new/docs/en/guide/debug/_meta.json

@@ -0,0 +1 @@
+[ "mode","chrome-devtool","variables"]

apps/website-new/docs/en/guide/basic/chrome-devtool.mdx renamed to apps/website-new/docs/en/guide/debug/chrome-devtool.mdx

@@ -0,0 +1,25 @@
+# Enable debug mode
+
+To facilitate troubleshooting, Module Federation provides a debug mode. You can add the FEDERATION_DEBUG=true environment variable when executing a build or execute `localStorage.setItem('FEDERATION_DEBUG','true')` in the browser to enable the debug mode of Module Federation.
+
+Build and add environment variables:
+
+```bash
+# Debug development mode
+FEDERATION_DEBUG=true pnpm dev
+
+# Debug production mode
+FEDERATION_DEBUG=true pnpm build
+```
+
+Runtime and add environment variables:
+
+```
+localStorage.setItem('FEDERATION_DEBUG','true')
+```
+
+## Log information
+
+After enabling debug mode, you can see the following information in the console:
+
+In debug mode, you will see some logs starting with `[ Module Federation ]` output in the terminal.