LSP-vue

Vue support for Sublime's LSP plugin

By sublimelsp

Created March 3, 2019, last updated October 11, 2026.

Installations: recent average 22 per week, 1,164 in the 53 weeks shown

Installations minus removals

Upgrades

11,550 installs
41 stars

Versions

3.7.10 (ST4000+) ·
2026-10-11 18:06

2.2.4 (ST3154 - 3999) ·
2024-02-06 21:41

(ST4000+) 3.7.9 ·
2026-10-08 21:57
3.7.8 ·
2026-09-26 20:22
3.7.7 ·
2026-07-23 20:35
3.7.6 ·
2026-07-02 16:13
3.7.5 ·
2026-06-16 17:51
3.7.4 ·
2026-06-10 17:17
3.7.3 ·
2026-06-04 18:45
3.7.2 ·
2026-06-02 20:05
3.7.1 ·
2026-06-02 20:05
3.7.0 ·
2026-05-29 19:42
3.6.2 ·
2026-05-14 20:07
3.6.1 ·
2026-05-06 21:11
3.6.0 ·
2026-05-01 19:16
3.5.1 ·
2026-03-29 12:36
3.4.0 ·
2026-01-14 13:04

LSP-vue

This is a helper package that automatically installs and updates the Vue Language Server (formerly Volar) for you.

Installation
Configuration
Inlay hints
Vue 2 support

Installation

Install from Package Control:
Restart Sublime.

Note

Make sure that LSP-typescript is installed - it's a required dependency.

Configuration

Open the configuration file using Command Palette with Preferences: LSP-vue Settings command or opening it from the Sublime menu (Preferences > Package Settings > LSP > Servers > LSP-vue).

Semantic Tokens

Server assigns a dedicated entity.name.tag.vue scope to component tags which allows one to customize their color. To customize, select UI: Customize Color Scheme from the Command Palette and add a rule like the following (with your chosen color):

{
    // ...
    "rules": [
        // ...
        {
            "scope": "entity.name.tag.vue",
            "foreground": "color(var(blue))",
        },
    ],
}

Inlay hints

Inlay hints are short textual annotations that show parameter names, type hints.

inlay-hints

To enable inlay hints:

Open the command palette and select Preferences: LSP Settings, then enable show_inlay_hints:

{
    "show_inlay_hints": true
}

Modify the following settings through Preferences: LSP-vue Settings:

{
  "settings": {
    // javascript inlay hints options.
    "javascript.inlayHints.enumMemberValues.enabled": false,
    "javascript.inlayHints.functionLikeReturnTypes.enabled": false,
    "javascript.inlayHints.parameterNames.enabled": "none",
    "javascript.inlayHints.parameterNames.suppressWhenArgumentMatchesName": false,
    "javascript.inlayHints.parameterTypes.enabled": false,
    "javascript.inlayHints.propertyDeclarationTypes.enabled": false,
    "javascript.inlayHints.variableTypes.enabled": false,
    // typescript inlay hints options.
    "typescript.inlayHints.enumMemberValues.enabled": false,
    "typescript.inlayHints.functionLikeReturnTypes.enabled": false,
    "typescript.inlayHints.parameterNames.enabled": "none",
    "typescript.inlayHints.parameterNames.suppressWhenArgumentMatchesName": false,
    "typescript.inlayHints.parameterTypes.enabled": false,
    "typescript.inlayHints.propertyDeclarationTypes.enabled": false,
    "typescript.inlayHints.variableTypes.enabled": false,
  }
}

NOTE: Inlay hints require TypeScript 4.4+.

placeholder-name

LSP-vue

Links

Versions

LSP-vue

Table of Contents

Installation

Configuration

Semantic Tokens

Inlay hints

Results

Packages