Vize - VS Code Extension

Vue Language Support powered by Vize - A high-performance language server for Vue SFC.

For day-to-day Vue editor support, keep using the official Vue language tools (vuejs/language-tools) for now. This extension is still experimental and should be evaluated separately from your primary editor setup.

Features

Diagnostics - Real-time error detection
Completion - Vue directives, components, Composition API
Hover - Type information and documentation
Go to Definition - Navigate template to script
Find References - Cross-file reference search
Rename - Safe identifier renaming
Semantic Highlighting - Vue-specific syntax colors
Code Lens - Reference counts
Ecosystem Helpers - Vue Router file-route params, Vue I18n catalogs, Nuxt, and Void Vue diagnostics and completions

Installation

The extension is not published to the VS Code Marketplace yet. Use a locally built VSIX while the editor package stabilizes.

From VSIX

code --install-extension dist/vize.vsix

Development

Install vp once from the Vite+ install guide, then:

cd npm/vscode-vize
vp install --ignore-workspace
vp build
vp exec vsce package --no-dependencies --out dist/vize.vsix
# Press F5 to launch Extension Development Host

Requirements

VS Code 1.75+
A matching Vize language server binary. The extension auto-detects bundled, development, cached GitHub release, cargo, and PATH binaries, and downloads the matching GitHub release binary when no local binary matches the extension version. vize.serverPath is only needed for custom builds.

Configuration

Opening a Vue file now prompts you to apply a recommended workspace setup if the extension is still disabled or if no Vize capabilities are enabled yet. That quick setup writes vize.enable, vize.lint.enable, vize.typecheck.enable, vize.editor.enable, and vize.ecosystem.enable for the current workspace so diagnostics, hover, jump, and Vue ecosystem helpers work immediately. If you manually set only vize.enable: true, the extension uses that same recommended diagnostics, editor, and ecosystem profile instead of starting an empty language server.

The status bar item opens Vize: Show Status, a small command hub for switching profiles, selecting the vize executable, restarting the server, opening settings, and showing logs. If the server cannot be found, the same flow lets you pick a local binary instead of hunting through settings.

If you want a lighter rollout, run Vize: Enable Lint-Only Profile, then opt into type checking or editor features after confirming it does not overlap with your existing Vue setup.

{
  "vize.enable": true,
  "vize.lint.enable": true,
  "vize.typecheck.enable": false,
  "vize.editor.enable": false,
  "vize.ecosystem.enable": false,
  "vize.formatting.enable": false
}

When you are ready to evaluate Vize editor assistance separately from vuejs/language-tools, use:

{
  "vize.enable": true,
  "vize.lint.enable": true,
  "vize.typecheck.enable": true,
  "vize.editor.enable": true,
  "vize.ecosystem.enable": true
}

vize.editor.enable turns on completion, hover, definition, references, symbols, rename, semantic tokens, links, folding ranges, inlay hints, and file rename handling. If you prefer individual switches, make sure to include vize.completion.enable, vize.hover.enable, and vize.definition.enable together when testing the core editor flow.

vize.ecosystem.enable adds Vue Router route-name and file-route param completions, route-param diagnostics for useRoute(), Vue I18n key completions, workspace key validation, inlay previews, Void Vue route completions, and ecosystem lint diagnostics.

Vue 2.7 / Nuxt 2 support is opt-in. Set vize.legacyVue2.enable: true to include Options API template bindings and Nuxt 2 globals in type checking, completion, hover, definition, and references.

When paired with the Vize Art extension, the same editor capabilities also apply to *.art.vue documents.

Commands

Vize: Show Status - Open the Vize status and setup action hub
Vize: Enable Recommended Profile - Enable lint, type checking, and editor assistance
Vize: Enable Lint-Only Profile - Enable diagnostics while leaving editor navigation to existing tools
Vize: Select Language Server Executable - Set vize.serverPath from a file picker
Vize: Disable Language Server - Stop Vize for the current configuration target
Vize: Restart Language Server - Restart the LSP server
Vize: Show Output Channel - Show server logs

License

MIT

Vize

ubugeeei