Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Viritura MNX ViewerNew to Visual Studio Code? Get it now.
Viritura MNX Viewer

Viritura MNX Viewer

Viritura

| (0) | Free
Preview .mnx files in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Viritura MNX Viewer

VS Code extension package for MNX preview support.

Install

Install from the Visual Studio Marketplace.

Current capabilities

  • Registers .mnx files as mnx language.
  • Opens .mnx files in the rendered MNX Viewer by default, with VS Code's Reopen Editor With... available for source text.
  • Adds MNX: Open Preview command in editor title and explorer context menu.
  • Opens a side preview panel that renders MNX through the Viritura WASM layout engine and Canvas painter.
  • Refreshes the preview as the source document changes.
  • Bundles the WASM engine and SMuFL/text fonts into the VSIX for local/offline use.

Local development

corepack pnpm --filter mnx-viewer build
corepack pnpm --filter mnx-viewer test

The webview uses assets copied from packages/editor/public. If the WASM files are missing, run:

corepack pnpm wasm:build
corepack pnpm --filter mnx-viewer prepare:assets

Build a VSIX for local install

corepack pnpm --filter mnx-viewer package

Then in VS Code use Extensions: Install from VSIX....

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