vuejs/vetur

Vetur is a Visual Studio Code extension that adds editor support for Vue.js, a JavaScript framework for building web interfaces. When you are writing Vue code in VS Code without any extension, the editor treats the .vue file format as plain text and offers no help. Vetur teaches VS Code how to understand .vue files and provides the features developers expect from a modern editor. The features it adds include syntax highlighting so that the HTML, JavaScript, and CSS sections of a Vue file each appear in their correct colors, error checking and linting to catch mistakes before you run the code, code formatting to keep files consistently styled, and IntelliSense which is the auto-complete dropdown that suggests variable names and component properties as you type. It also supports Emmet, a shorthand notation for writing HTML quickly, and provides hover information and debugging support. Vetur works through a background process called the Vue Language Server, which is the component that does the actual analysis of your code. There is also a terminal tool called VTI that can surface type errors in Vue templates from the command line, useful for running checks in a CI environment. The project is now in maintenance mode. The Vue team's current recommendation for Vue editor tooling is Volar, a newer extension built specifically for Vue 3. Vetur remains available and functional, but new development has moved to Volar. Documentation for Vetur is available at vuejs.github.io/vetur. The extension is MIT licensed.