Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>MDX Documentation EssentialsNew to Visual Studio Code? Get it now.
MDX Documentation Essentials

MDX Documentation Essentials

Bradley Camacho

|
922 installs
| (0) | Free
This is a slightly curated list of extensions I have found useful when working on a markdown based docs site.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MDX docs extension pack

This is a slightly curated list of extensions I and others have found useful when working on a markdown based docs site. The following is a list of extensions included in the pack:

Extension Description
github.vscode-pull-request-github Provides utilities for creating and working on PRs
github.copilot AI powered autocomplete. Spooky at times
vincaslt.highlight-matching-tag Highlights matching opening and/or closing tags
oderwat.indent-rainbow Colors indent tiers for easy scanning
zainchen.json Adds JSON syntax support
ms-vscode.live-server Launch a local development server with live reload feature for static & dynamic pages
yzhang.markdown-all-in-one All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more)
silvenon.mdx Adds language support for MDX
codestream.codestream Developer collaboration platform
esbenp.prettier-vscode Enforces a consistent style by parsing your code and re-printing it with its own rules
ms-vsliveshare.vsliveshare-pack Includes everything you need to start collaboratively editing and debugging in real time
hookyqr.beautify Enables running js-beautify in VS Code
streetsidesoftware.code-spell-checker A basic spell checker
dbaeumer.vscode-eslint Integrates ESLint into VS Code
fnando.linter Provides linting for multiple languages
davidanson.vscode-markdownlint Markdown/CommonMark linting and style checking
hajdaini.select-until-pattern Several actions to quickly enlarge your selection by selecting text from the current position of your cursor to the pattern and actions described on the user input
jkjustjoshing.vscode-text-pastry Reduce repetitive work and use multiple cursors more effectively
vscode-icons-team.vscode-icons Implements icon support
kirozen.wordcounter W O R D C O U N T
redhat.vscode-yaml YAML Language Support

Installation

  1. Clone the repo or download the pack's VSIX file
  2. Open VSCode and open the Extensions nav on the left. (Cmnd+Shift+X)
  3. Click the three dots in the top right of the nav and select Install from VSIX
  4. Navigate to docs-extensions-0.0.1.vsix and click install.

All the extensions listed above should now be installed in your local environment.

Icon credits: Doc by ArmOkay from NounProject.com

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft