Vetur

Vetur is a Visual Studio Code extension that provides comprehensive Vue.js tooling inside the editor. It focuses on Vue single-file components (.vue) and integrates features across the template, script, and style sections. The extension supplies syntax highlighting, snippet completions, Emmet support, and language service features such as IntelliSense, go-to-definition, references, and hover information. It also offers formatting and linting integration with popular tools, diagnostic reporting for template and script blocks, and code actions to fix issues or apply refactors.

Vetur includes template and script validation, code style enforcement, and navigation for Vue components, and supports customizable settings for enabling or disabling specific validations, controlling whether to validate template or script blocks, and choosing formatter options. It is designed to work with Vue 2 projects and early Vue 3 work, and was widely used as the standard Vue tooling in VSCode.

Since the rise of Volar for Vue 3 development, Vetur is less central for new Vue 3 work, but remains relevant for Vue 2 projects and for developers who rely on its established workflow. The extension is maintained by the VSCode Vue community and can be augmented with external tools such as ESLint, Prettier, and style-specific formatters.