Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Markdown Image Path CompletionNew to Visual Studio Code? Get it now.
Markdown Image Path Completion

Markdown Image Path Completion

yuzukq

|
1 install
| (0) | Free
Completes relative paths to image files inside Markdown ![]() links.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Image Path Completion (VS Code extension)

日本語

A VS Code extension that completes relative paths to image files in your workspace inside Markdown ![alt](https://github.com/yuzukq/md-image-path-lsp/raw/HEAD/...) syntax.

The completion logic itself is implemented as a Language Server, md-image-path-lsp, and this extension is a thin wrapper that launches it from VS Code.

Features

  • Only suggests completions when the cursor is inside ![alt](https://github.com/yuzukq/md-image-path-lsp/raw/HEAD/ (a plain link [text]( is ignored)
  • If a public/ directory exists in the workspace, returns public-relative absolute-style paths (e.g. /images/logo.png) following the Next.js static asset convention. Otherwise, returns paths relative to the Markdown file being edited (e.g. ../assets/logo.png)
  • Image files added or removed after startup are reflected in real time

See the md-image-path-lsp README for how it works under the hood.

Installation

Available on the VS Code Marketplace. Search for Markdown Image Path Completion in the Extensions tab, or install it with:

code --install-extension yuzukq.md-image-path-lsp-vscode

Building from source (development)

git clone https://github.com/yuzukq/md-image-path-lsp.git
cd md-image-path-lsp/clients/vscode
npm install
npm run compile

Open this directory in VS Code and press F5 to launch the Extension Development Host and try it out.

License

MIT

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