Expand Formatting section in CLI installation docs

installation.mdx

@@ -1,7 +1,7 @@
 ---
 title: "CLI installation"
 description: "Use the CLI to preview docs locally, test changes in real-time, and catch issues before deploying your documentation site."
 keywords: ["CLI", "npm", "local development", "Node.js"]
 ---
 
 <img
@@ -15,14 +15,14 @@
   alt="Decorative graphic representing the CLI."
 />
 
 Use the CLI to preview your documentation locally as you write and edit. View changes in real-time before deploying, test your documentation site's appearance and functionality, and catch issues like broken links or accessibility problems.
 
 The CLI also has utilities for maintaining your documentation, including commands to rename files, validate OpenAPI specifications, and migrate content between formats.
 
 ## Install the CLI
 
 <Info>
   **Prerequisite**: The CLI requires [Node.js](https://nodejs.org/en) v20.17.0 or higher through v24. LTS versions are preferred.
 </Info>
 
 Run the following command to install the [CLI](https://www.npmjs.com/package/mint):
@@ -39,7 +39,7 @@
 
 ## Preview locally
 
 To generate a local preview, navigate to your documentation directory (where your `docs.json` file is located) and run the following command:
 
 ```bash
 mint dev
@@ -47,7 +47,7 @@
 
 A local preview of your documentation is available at `http://localhost:3000`.
 
 Alternatively, if you do not want to install the CLI globally, you can run a one-time script:
 
 ```bash
 npx mint dev
@@ -55,13 +55,13 @@
 
 ### Custom ports
 
 By default, the CLI uses port 3000. You can customize the port using the `--port` flag. To run the CLI on port 3333, for instance, use this command:
 
 ```bash
 mint dev --port 3333
 ```
 
 If you attempt to run on a port that is already in use, it will use the next available port:
 
 ```mdx
 Port 3000 is already in use. Trying 3001 instead.
@@ -85,13 +85,13 @@
 mint new [directory]
 ```
 
 This command clones the [starter kit](https://github.com/mintlify/starter) into a specified directory. If no directory is specified, the CLI tool prompts you to create a new subdirectory or overwrite the current directory.
 
 <Warning>
   If you overwrite the current directory, any existing files in the directory will be deleted.
 </Warning>
 
 The CLI tool prompts you for a project name and [theme](/customize/themes) to finish setting up your project.
 
 You can run `mint new` with the following flags:
 
@@ -104,15 +104,15 @@
 ```bash
 mint new docs --name my-project --theme linden
 ```
 ## Update the CLI
 
 If your local preview is out of sync with what you see on the web in the production version, update your local CLI:
 
 ```bash
 mint update
 ```
 
 If this `mint update` command is not available on your local version, re-install the CLI with the latest version:
 
  <CodeGroup>
     ```bash npm
@@ -150,7 +150,7 @@
 mint openapi-check <OpenAPI filename or URL>
 ```
 
 Pass a filename (for example, `./openapi.yaml`) or a URL (for example, `https://petstore3.swagger.io/api/v3/openapi.json`).
 
 ### Rename files
 
@@ -172,11 +172,53 @@
 
 ## Formatting
 
 While developing locally, we recommend using extensions in your IDE to recognize and format MDX files.
 
-If you use Cursor, Windsurf, or VS Code, we recommend the [MDX VS Code extension](https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx) for syntax highlighting, and [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) for code formatting.
+### VS Code, Cursor, and Windsurf
 
-If you use JetBrains, we recommend the [MDX IntelliJ IDEA plugin](https://plugins.jetbrains.com/plugin/14944-mdx) for syntax highlighting, and setting up [Prettier](https://prettier.io/docs/webstorm) for code formatting.
+Install the following extensions:
+
+- [MDX VS Code extension](https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx) for syntax highlighting
+- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) for code formatting
+
+To enable formatting on save, add the following to your `.vscode/settings.json`:
+
+```json
+{
+  "[mdx]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true
+  }
+}
+```
+
+### JetBrains IDEs
+
+Install the following plugins:
+
+- [MDX IntelliJ IDEA plugin](https://plugins.jetbrains.com/plugin/14944-mdx) for syntax highlighting
+- [Prettier](https://prettier.io/docs/webstorm) for code formatting
+
+To enable Prettier for MDX files, go to **Settings > Languages & Frameworks > JavaScript > Prettier** and add `mdx` to the file extensions.
+
+### Prettier configuration
+
+Create a `.prettierrc` file in your documentation root to customize formatting:
+
+```json
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "proseWrap": "always"
+}
+```
+
+To format all MDX files in your project, run:
+
+```bash
+npx prettier --write "**/*.mdx"
+```
 
 ## Troubleshooting
 
@@ -189,7 +231,7 @@
     3. Reinstall the mint CLI: `npm install -g mint`
   </Accordion>
   <Accordion title="Issue: Encountering an unknown error">
     **Solution**: Go to the root of your device and delete the `~/.mintlify` folder. Afterwards, run `mint dev` again.
   </Accordion>
   <Accordion title="Error: permission denied">
     This is due to not having the required permissions to globally install node packages.
@@ -197,12 +239,12 @@
     **Solution**: Try running `sudo npm i -g mint`. You will be prompted for your password, which is the one you use to unlock your computer.
   </Accordion>
   <Accordion title="The local preview doesn't look the same as my docs do on the web">
     This is likely due to an outdated version of the CLI.
 
    **Solution:** Run `mint update` to get the latest changes.
   </Accordion>
   <Accordion title="mintlify vs. mint package">
     If you have any problems with the CLI package, you should first run `npm ls -g`. This command shows what packages are globally installed on your machine.
 
     If you don't use npm or don't see it in the -g list, try `which mint` to locate the installation.