Volar.js

Packages

@volar/language-core
  |
  |--- @volar/language-service
        |
        |--- @volar/language-server
        |     |
        |     |--- @volar/vscode (as a client to the language server)
        |
        |--- @volar/kit (encapsulates @volar/language-service for Node.js applications)
        |
        |--- @volar/monaco (integrates @volar/language-service into Monaco Editor)

@volar/language-core

This module contains the core language processing functionalities, such as creating and updating virtual code objects. It serves as the foundation for the other modules, providing basic language processing capabilities.

@volar/language-service

This module provides language service functionalities, such as offering IntelliSense features. It depends on @volar/language-core for obtaining and processing virtual code, and then provides corresponding language services.

@volar/language-server

This module acts as a language server, utilizing the language services provided by @volar/language-service and offering these services to clients (like VS Code) through the Language Server Protocol (LSP). It also relies on @volar/language-core for handling basic language processing tasks.

@volar/vscode

This module acts as a Language Server Protocol (LSP) language client. Its primary responsibility is to communicate with the @volar/language-server module (acting as an LSP server) and integrate the language services provided by the server into the VS Code editor. This architecture allows for the reuse of language services across different editors and IDEs, with the implementation of the corresponding LSP client. In this case, @volar/vscode is the LSP client implementation for VS Code.

@volar/kit

@volar/kit is a module that encapsulates @volar/language-service. It provides a simplified interface for using Volar's diagnostic and formatting features within Node.js applications.

@volar/monaco

This module is an extension of Volar.js for the Monaco Editor. It utilizes the language services provided by @volar/language-service and integrates these services into the Monaco Editor. This includes features like syntax highlighting, code completion, and definition jumping. Essentially, @volar/monaco serves as a bridge to bring Volar.js's language services into the Monaco Editor.

Sponsors

Special Sponsor
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
Platinum Sponsors
An approachable, performant and versatile framework for building web user interfaces.	Astro powers the world's fastest websites, client-side web apps, dynamic API endpoints, and everything in-between.
Essential tools for software developers and teams.
Silver Sponsors

Become a sponsor