vuejs/language-tools

これは何？

主な機能

• 01Vue、Vitepress、petite-vue向けの公式VS Code拡張機能
• 02vue-tscによるコマンドラインでの型チェック
• 03NeovimやSublimeなど、他のエディターから利用できる言語サーバー
• 04Vueファイル向けTypeScript言語サービスプラグイン
• 05vue-component-metaによるコンポーネントのprops、イベント、スロットの型情報抽出
• 06Pugテンプレートのサポート

ユースケース

• VS CodeでVueコンポーネントの型を考慮した充実した編集サポートを利用する
• CIやpre-commitフックでVueプロジェクトの型チェックを実行する
• Neovim、Sublime、その他のLSP対応エディターをVueに接続する
• ドキュメントやツール向けにコンポーネントの型情報を抽出する

クイックスタート

1. 1

   VSCodeにVue (Official)拡張機能をインストールします

2. 2

   コマンドラインで型チェックを行うため、vue-tscとtypescriptを開発依存関係としてインストールします

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

   vue-tsc --noEmitを実行するtype-checkスクリプトをpackage.jsonに追加します

トピック

よくある質問

language-tools とは？

Volar.jsを基盤とするVueの言語ツール群。Vue向け言語サーバー、vue-tsc型チェッカーなどを提供します。 Vue Language Toolsは、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やpre-commitフックでVueプロジェクトの型チェックを実行する Neovim、Sublime、その他のLSP対応エディターをVueに接続する ドキュメントやツール向けにコンポーネントの型情報を抽出する

language-tools のインストール方法は？

VSCodeにVue (Official)拡張機能をインストールします コマンドラインで型チェックを行うため、vue-tscとtypescriptを開発依存関係としてインストールします: npm install vue-tsc typescript --save-dev vue-tsc --noEmitを実行するtype-checkスクリプトをpackage.jsonに追加します

language-tools はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/vuejs/language-tools