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

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+
vize CLI installed (cargo install vize) unless you are using a build that bundles the server binary

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, and vize.editor.enable for the current workspace so diagnostics, hover, and jump work immediately.

If you dismissed that prompt and want a lighter rollout, start with lint-only mode, 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.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.definition.enable": true,
  "vize.references.enable": true,
  "vize.hover.enable": true
}

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

Commands

Vize: Restart Language Server - Restart the LSP server
Vize: Show Output Channel - Show server logs

License

MIT

Vize

ubugeeei