Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MkDocs Snippet LensNew to Visual Studio Code? Get it now.
MkDocs Snippet Lens

MkDocs Snippet Lens

main-branch

|
76 installs
| (1) | Free
Preview and open MkDocs --8<-- snippets directly in VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MkDocs Snippet Lens

VS Code Marketplace Open VSX GitHub Releases

Continuous Integration License: MIT

A Visual Studio Code extension that provides inline previews, clickable links, and diagnostics for MkDocs --8<-- snippet references in Markdown files.

Features

  • Inline Previews: See snippet content directly in your editor without opening the file
  • Clickable Links: Navigate to snippet files with a single click
  • Error Diagnostics: Get immediate feedback when snippet files are missing
  • Hover Previews: View full snippet content on hover

Clickable Links & Inline Previews

Example showing basic snippet lens functionality

Error Diagnostics

Example showing how missing snippet files are handled

Planned Features

  • Advanced line range syntax (start-only, end-only, negative indexes)
  • Block format for multiple file inclusion
  • Disabled and escaped snippet references
  • URL snippets (include content from remote URLs)
  • Recursive snippet expansion and circular reference detection
  • Per-snippet preview toggles with CodeLens
  • Performance and scalability for a large number of snippets or large snippet files
  • Advanced error handling (invalid paths, permissions, section markers, recursion)
  • Accessibility and i18n support
  • Auto-refresh on snippet file changes

These features are planned for future releases.

Installation

You can install MkDocs Snippet Lens from any of these sources:

  • VS Code Marketplace
  • Open VSX Registry
  • Download latest VSIX from GitHub Releases

Or build from source.

Extension Settings

This extension contributes the following settings:

  • mkdocsSnippetLens.basePath: Base directory for resolving snippet paths (relative to workspace root)
  • mkdocsSnippetLens.previewMaxLines: Maximum number of lines to show in inline preview (default: 20)
  • mkdocsSnippetLens.previewMaxChars: Maximum number of characters to show in inline preview (default: 200)
  • mkdocsSnippetLens.strictMode: Control diagnostic severity for missing snippets
    • "auto" (default): Automatically reads check_paths setting from mkdocs.yml
    • "true": Always show errors (red squiggles)
    • "false": Always show warnings (yellow squiggles)

Commands

  • MkDocs Snippet Lens: Toggle All Previews: Toggle inline previews on/off

Known Issues

Ambiguous Multi-Range Pattern Detection

When a multi-range pattern is malformed (e.g., --8<-- "file.md:1:3,invalid" where one of the ranges contains non-numeric parts or is incomplete like "file.md:1:,5:7"), the extension will:

  1. Still parse the reference (falling back to treating it as a section reference)
  2. Display a diagnostic warning to alert you about the ambiguous pattern
  3. Show the specific issue in the error message (e.g., "Multi-range pattern contains non-numeric part: 'invalid'")

This helps catch typos in multi-range patterns while allowing the extension to continue functioning. To avoid warnings, ensure multi-range patterns use the correct format with all ranges as numeric pairs: --8<-- "file.md:1:3,5:7"

See the issue tracker for known issues.

Contributing

Contributions are welcome! Please read our Contributing Guide for details on our development workflow, including:

  • Working on feature branches (never commit directly to main)
  • Creating and submitting pull requests
  • Rebase requirements for fast-forward merges
  • Code review process

License

This extension is licensed under the MIT License.

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