OSS探訪ページ内ナビ
概要
Vue Language Tools 3.3.12はVolar.jsを基盤に、Vue SFC向けのeditor extension、language server、language service、TypeScript plugin、vue-tscを提供するtoolsetです。editor上の補完・diagnosticsとCI上の型checkを同じVue language modelへ寄せられます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日：
主な特徴
Vue (Official) extensionでVS CodeにVue language supportを追加する
READMEはVS Code利用者向けにVue (Official) extensionを案内し、Vue SFCの補完、diagnostics、navigationなどのlanguage featureを提供します。
出典：[1]
vue-tscでcommand lineからVue SFCをtype-checkする
vue-tsc --noEmitをscriptやCIへ組み込み、TypeScript compilerだけでは直接扱いにくいVue SFCを型checkできます。
language server・service・core moduleをeditor integrationへ利用する
monorepoは@vue/language-server、@vue/language-service、@vue/typescript-plugin、@vue/language-coreを公開し、editor/tooling側のintegrationにも対応します。
出典：[1]
向いている用途
Vue + TypeScript projectでeditorとCIのdiagnosticsを揃えたい場合に向く
SFC template/scriptの型errorを開発中とCIで早期に検出し、large Vue codebaseでrefactorやcomponent API変更の影響を追いやすくしたいteamに適します。
出典：[1]
導入前の確認
vue-tsc 3.3.12はTypeScript 5以上をpeer dependencyとして要求する
vue-tsc 3.3.12はTypeScript >=5.0.0をpeer dependencyとして定義しています。TypeScript major更新時はVue language tools側のcompatibilityも合わせて確認してください。
出典：[2]
3.3.12はuntrusted Vue fileのhandlingをsecurity面で改善する
3.3.12のlanguage-coreにはuntrusted Vue fileのhandling改善が入り、defineModelのtype inferenceやCSS module duplicate name reportingなども更新されています。
出典：[3]
参考にした公式資料
- [1]Vue Language Tools v3.3.12 README(2026-10-05)
- [2]vue-tsc 3.3.12 package metadata(2026-10-05)
- [3]Vue Language Tools v3.3.12 release(2026-10-05)
- [4]Vue Language Tools MIT license(2026-10-05)
編集部からの補足
end user向けにはVS CodeのVue (Official) extensionとvue-tscが中心です。vue-tsc 3.3.12はTypeScript >=5.0.0をpeer dependencyとして要求します。
3ステップで試す
- 1
vue-tsc 3.3.12とTypeScriptを導入する
一時npm projectへreview対象のvue-tscとpeer dependencyのTypeScriptを導入します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/vue-language-tools.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-dev --save-exact vue-tsc@3.3.12 && npm install --save-dev typescript - 2
vue-tsc versionを確認する
CLI packageがreview対象versionであることを確認します。
test "$(node -e "console.log(require('vue-tsc/package.json').version)")" = '3.3.12' - 3
TypeScript peer dependencyを確認する
vue-tscとTypeScriptのdependency treeにpeer dependency errorがないことを確認します。
npm ls vue-tsc typescript
成長
成長の推移 · 直近30日
6,722 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit（直近30日）
- 23
- Open PR
- 20
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
- Stars
- 6,722
- Forks
- 571
- Watchers
- 41
- Open Issues
- 20
- Contributors
- 194
- 所有者種別
- Organization
- 主要言語
- TypeScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/10/04
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Vue I18n2,714 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
Vue 3 applicationの翻訳message・locale・formattingを一つのi18n pluginで管理する
TypeScript - Vue Macros1,984 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
Vue SFCへ追加macroとsyntax sugarをcompile-time transformとして導入する
TypeScript - Unhead1,304 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
Vue/SSR applicationのtitle・meta・script・SEO metadataをreactiveに管理する
TypeScript - Frontman709 Stars
共通タグ 3件 · 共通カテゴリ 1件
browserで選んだUIをlive DOM・CSS・source mapからsourceへ辿り、AIで直接修正する
ReScript - Vue 354,511 Stars
共通タグ 3件 · 同じ言語
reactivity・component・SFCを既存HTMLの部分導入からSPA・SSRまで同じUI modelで広げるprogressive framework
TypeScript - Element Plus27,795 Stars
共通タグ 3件 · 同じ言語
Vue 3のform・table・navigationを共通component setで揃える
TypeScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。