Repolode
vuejs

vuejs/language-tools

Herramientas de lenguaje para Vue basadas en Volar.js, con servidor de lenguaje para editores, el verificador de tipos vue-tsc y paquetes relacionados.

Estrellas
6,746
Forks
587
Issues abiertos
60
Último commit
hace 5 días

¿Qué es?

Vue Language Tools es el conjunto oficial de herramientas para ofrecer compatibilidad completa con el lenguaje y análisis de tipos en editores y en la línea de comandos para componentes Vue de archivo único. Está basado en Volar.js e incluye la extensión Vue (Official) para VS Code, un servidor de lenguaje al que pueden conectarse otros editores y el comando vue-tsc para verificar los tipos de proyectos Vue fuera de un editor.

El proyecto se divide en paquetes: un módulo central que analiza SFC y genera código virtual para la verificación de tipos, un plugin del servicio de lenguaje de TypeScript y herramientas auxiliares como vue-component-meta, que extrae los tipos de props, eventos y slots de los componentes. La extensión también ofrece compatibilidad con plantillas Pug y con el lenguaje de Vitepress y petite-vue.

Un uso habitual consiste en agregar vue-tsc a las dependencias de desarrollo de un proyecto y ejecutarlo como script de verificación de tipos en CI. El comportamiento del compilador se puede ajustar mediante un bloque vueCompilerOptions en tsconfig.json.

Funciones clave

  • 01Extensión oficial para VS Code compatible con Vue, Vitepress y petite-vue
  • 02Verificación de tipos desde la línea de comandos con vue-tsc
  • 03Servidor de lenguaje compatible con otros editores, como Neovim y Sublime
  • 04Plugin del servicio de lenguaje de TypeScript para archivos Vue
  • 05Extracción de los tipos de props, eventos y slots de componentes mediante vue-component-meta
  • 06Compatibilidad con plantillas Pug

Casos de uso

  • Obtener compatibilidad completa con el análisis de tipos al editar componentes Vue en VS Code
  • Ejecutar verificaciones de tipos en proyectos Vue en CI o en hooks pre-commit
  • Conectar Neovim, Sublime u otros editores compatibles con LSP a Vue
  • Extraer información de tipos de componentes para documentación o herramientas

Inicio rápido

  1. 1

    Instala la extensión Vue (Official) en VSCode

  2. 2

    Instala vue-tsc y typescript como dependencias de desarrollo para realizar la comprobación de tipos desde la línea de comandos

    npm install vue-tsc typescript --save-dev
  3. 3

    Añade a package.json un script type-check que ejecute vue-tsc --noEmit

Temas

Preguntas frecuentes

¿Qué es language-tools?
Herramientas de lenguaje para Vue basadas en Volar.js, con servidor de lenguaje para editores, el verificador de tipos vue-tsc y paquetes relacionados. Vue Language Tools es el conjunto oficial de herramientas para ofrecer compatibilidad completa con el lenguaje y análisis de tipos en editores y en la línea de comandos para componentes Vue de archivo único. Está basado en Volar.js e incluye la extensión Vue (Official) para VS Code, un servidor de lenguaje al que pueden conectarse otros editores y el comando vue-tsc para verificar los tipos de proyectos Vue fuera de un editor.
¿language-tools es gratuito? ¿Qué licencia tiene?
language-tools es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿language-tools sigue mantenido?
Mantenimiento activo. El último commit de language-tools fue el 1 nov 2026.
¿Para qué puedo usar language-tools?
Obtener compatibilidad completa con el análisis de tipos al editar componentes Vue en VS Code Ejecutar verificaciones de tipos en proyectos Vue en CI o en hooks pre-commit Conectar Neovim, Sublime u otros editores compatibles con LSP a Vue Extraer información de tipos de componentes para documentación o herramientas
¿Cómo se instala language-tools?
Instala la extensión Vue (Official) en VSCode Instala vue-tsc y typescript como dependencias de desarrollo para realizar la comprobación de tipos desde la línea de comandos: npm install vue-tsc typescript --save-dev Añade a package.json un script type-check que ejecute vue-tsc --noEmit
¿Dónde consigo language-tools?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/vuejs/language-tools

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados