docs(module-tools): improve document format, fix some mistakes (#3701)

* docs(module-tools): fix contributing link

* docs(module-tools): update getting started

* docs: update esbuild case

* docs: simplify container title

* docs(module-tools): improve document format

Author: chenjiahan

packages/document/module-doc/docs/en/api/config/build-config.md

@@ -6,8 +6,8 @@ sidebar_position: 2
 
 A build preset string or preset function. Provides out-of-the-box build configuration
 
-- type: `string | Function`
-- default: `undefined`
+- Type: `string | Function`
+- Default: `undefined`
 
 ## string
 

packages/document/module-doc/docs/en/api/config/build-preset.mdx

@@ -10,8 +10,8 @@ This chapter describes the configuration related to designSystem
 The Tailwind CSS feature needs to be enabled first via `pnpm run new`.
 :::
 
-- type: `Object`
-- default: `see configuration details below`.
+- Type: `Object`
+- Default: `see configuration details below`.
 
 <details>
   <summary>designSystem configuration details</summary>

packages/document/module-doc/docs/en/api/config/design-system.md

@@ -4,9 +4,9 @@ sidebar_position: 4
 
 # Plugins
 
-This chapter describes the configuration of the registered module-tools plugin.
+This chapter describes the configuration of the registered Module Tools plugin.
 
-- type: `Array<ModuleToolsPlugin>`
+- Type: `Array<ModuleToolsPlugin>`
 
 ```js modern.config.ts
 import { examplePlugin } from '. /plugins/example';

packages/document/module-doc/docs/en/api/config/plugins.md

@@ -13,7 +13,7 @@ You need to enable the unit testing feature with `pnpm run new` first.
 ## jest
 
 - Type: `Object | Function`
-- Default value: `{}`
+- Default: `{}`
 
 The configuration corresponding to [Jest](https://jestjs.io/docs/configuration), when of type `Object`, can be configured with all the underlying configurations supported by Jest .
 
@@ -48,8 +48,8 @@ export default defineConfig({
 
 ## transformer
 
-- type: `'babel-jest' | 'ts-jest'`
-- Default value: `'babel-jest'`
+- Type: `'babel-jest' | 'ts-jest'`
+- Default: `'babel-jest'`
 
 Configure the compilation tool for the source code when executing tests: [babel-jest](https://www.npmjs.com/package/babel-jest) or [ts-jest](https://github.com/kulshekhar/ts-jest). The default is `babel-jest`.
 

packages/document/module-doc/docs/en/api/config/testing.md

@@ -335,7 +335,7 @@ export interface DevToolData {
 }
 ```
 
-<!-- :::tip{title='About disableRunBuild configuration'}
+<!-- :::tip About disableRunBuild configuration
 When dev a project, it may be possible to set `disableRunBuild: true` to disable build tasks for source execution (in listening mode) if you only need to dev code functionality.
 
 The currently supported Storybook dev supports using source code products as dev objects, so `disableRunBuild: false` in the Storybook plugin.

packages/document/module-doc/docs/en/api/plugin-api/plugin-hooks.md

@@ -4,13 +4,10 @@ sidebar_position: 1
 
 # In-depth understanding of build
 
-In the [Basic Usage] section, we already knew that you can modify the output product of a project through the `buildConfig` configuration. `buildConfig` not only describes some of the features of the product, but also provides some functionality for building the product.
-
-:::tip{title=notes}
-If you are not sure what `buildConfig` is, it is recommended to take some time to understand it by following this link.
-
-- [[modify-output-product](/en/guide/basic/modify-output-product)]
+In the "Basic Usage" section, we already knew that you can modify the output product of a project through the `buildConfig` configuration. `buildConfig` not only describes some of the features of the product, but also provides some functionality for building the product.
 
+:::tip
+If you are not familiar with `buildConfig`, please read [modify-output-product](/en/guide/basic/modify-output-product).
 :::
 
 In this chapter we'll dive into the use of certain build configurations and understand what happens when the `modern build` command is executed.
@@ -43,7 +40,7 @@ In `buildConfig` you can specify whether the current build task is Bundle or Bun
 - When `buildType: 'bundle'`, `input` defaults to `src/index.(j|t)sx?`
 - When `buildType: 'bundleless'`, `input` defaults to `['src']`
 
-:::warning{title=notes}
+:::warning
 It is recommended that you do not specify multiple source file directories during a Bundleless build, as unintended results may occur. Bundleless builds with multiple source directories are currently in an unstable stage.
 :::
 

packages/document/module-doc/docs/en/guide/advance/in-depth-about-build.md

@@ -6,7 +6,7 @@ sidebar_position: 1
 
 ## Environment preparation
 
-In order to use the Modern.js module engineering solution, you first need [NodeJS](https://nodejs.org/zh/) engine, we recommend the latest [LTS version](https://github.com/nodejs/Release), and make sure the Node version is **>=14.18.0**. because non-stable NodeJS releases frequently have bugs. You might consider installing via [nvm-windows](https://github.com/coreybutler/nvm-windows) and [nvm](https://github.com/nvm-sh/nvm) (Mac/linux), so you can easily switch to different NodeJS versions that might be required for different projects that you work on.
+In order to use the Modern.js module engineering solution, you first need [NodeJS](https://nodejs.org/zh/) engine, we recommend the latest [LTS version](https://github.com/nodejs/Release), and make sure the Node version is **>=14.18.0**. because non-stable NodeJS releases frequently have bugs. You might consider installing via [nvm-windows](https://github.com/coreybutler/nvm-windows) and [nvm](https://github.com/nvm-sh/nvm) (Mac / Linux), so you can easily switch to different NodeJS versions that might be required for different projects that you work on.
 
 ## Getting Started with npm
 

packages/document/module-doc/docs/en/guide/basic/before-getting-started.md

@@ -32,7 +32,7 @@ When you want to start a project build, you can execute the `modern build` comma
 
 In addition to the above, module projects also support `platform` build mode, which can be used to perform build tasks for other tools. For example, it is currently officially supported to start a Storybook build task to generate Storybook products by executing the `modern build --platform` or `modern build --platform storybook` commands after installing the `@modern-js/plugin-storybook` plugin.
 
-:::tip{title=Note}
+:::tip
 When executing a Storybook build, if you need to read the build product of the project. Then **don't forget to execute the `modern build` command to ensure the existence of the project's build product before executing the `modern build --platform` command to start the Storybook build**.
 :::
 
@@ -108,7 +108,7 @@ Run [ESLint](https://eslint.org/) to check the syntax of the code. Usually, we o
 
 - The `-no-fix` argument turns off the ability to automatically fix lint error code.
 
-## `-modern change`
+## `modern change`
 
 ```bash
 Usage: modern change [options]
@@ -185,7 +185,7 @@ Options:
 
 Automatically generate [Release Note](https://en.wikipedia.org/wiki/Release_notes) based on the changeset information of the current repository.
 
-:::tip{title=Note}
+:::tip
 needs to be executed before the `bump` command.
 :::
 

packages/document/module-doc/docs/en/guide/basic/command-preview.md

@@ -1,9 +1,8 @@
 ---
 sidebar_position: 3
 ---
-# modify-output-product
 
-## Modify the output product
+# Modify the output product
 
 ## Default output products