vuejs/language-tools

这是什么？

核心功能

• 01提供 Vue、Vitepress、petite-vue 的官方 VS Code 扩展
• 02通过 vue-tsc 进行命令行类型检查
• 03语言服务器可供 Neovim、Sublime 等其他编辑器接入
• 04为 Vue 文件提供 TypeScript 语言服务插件
• 05通过 vue-component-meta 提取组件的 props、事件和插槽类型
• 06支持 Pug 模板

适用场景

• 在 VS Code 中为 Vue 组件获得完整的类型感知编辑支持
• 在 CI 或提交前钩子中对 Vue 项目进行类型检查
• 将 Neovim、Sublime 等支持 LSP 的编辑器接入 Vue
• 提取组件类型信息用于文档或工具开发

快速上手

1. 1

   在 VSCode 中安装 Vue (Official) 扩展

2. 2

   将 vue-tsc 和 typescript 安装为开发依赖以进行命令行类型检查

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

   在 package.json 中添加运行 vue-tsc --noEmit 的 type-check 脚本

标签

常见问题

language-tools 是什么？

基于 Volar.js 的 Vue 语言工具集，提供编辑器语言服务、vue-tsc 类型检查等能力。 Vue Language Tools 是 Vue 官方维护的语言工具集，为编辑器和命令行提供基于类型的 Vue 单文件组件语言支持。项目基于 Volar.js 构建，包含 Vue (Official) VS Code 扩展、可供其他编辑器接入的语言服务器，以及在编辑器之外对 Vue 项目进行类型检查的 vue-tsc 命令。

language-tools 可以免费使用吗？用的什么许可证？

language-tools 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

language-tools 还在维护吗？

活跃维护中。language-tools 最近一次提交是在 2026年11月1日。

language-tools 适合用来做什么？

在 VS Code 中为 Vue 组件获得完整的类型感知编辑支持 在 CI 或提交前钩子中对 Vue 项目进行类型检查 将 Neovim、Sublime 等支持 LSP 的编辑器接入 Vue 提取组件类型信息用于文档或工具开发

language-tools 怎么安装和运行？

在 VSCode 中安装 Vue (Official) 扩展 将 vue-tsc 和 typescript 安装为开发依赖以进行命令行类型检查: npm install vue-tsc typescript --save-dev 在 package.json 中添加运行 vue-tsc --noEmit 的 type-check 脚本

在哪里获取 language-tools？

源代码和安装说明在 GitHub 上：https://github.com/vuejs/language-tools