ツールチェーンの構成
どのツールも Vue ファイルを一度だけ解析し、その結果を共有します。1 つずつ導入できます。
| ツール | 置き換え・併用の対象 | コマンド | ガイド |
|---|---|---|---|
| コンパイラー | @vitejs/plugin-vue |
vp dev、vp build |
Vite プラグイン |
| リンター | eslint-plugin-vue |
vize lint |
ルール |
| フォーマッター | .vue 向けの Prettier |
vize fmt |
フォーマット |
| 型チェッカー | vue-tsc |
vize check |
型チェック |
| 言語サーバー | Vue - Official | vize lsp |
言語サーバー |
| Vapor コンパイラー | — | vue.compiler.vapor |
Vapor モード |
| コンポーネントギャラリー | Storybook | vize musea |
Musea |
| アプリの健全性レポート | — | vize doctor |
Doctor |
アプリに Vize を追加する
まずはじめるの手順で導入し、移行ガイドに沿って
Vue コンパイラを置き換えます。CI を切り替える前に、検査結果を見比べてください。
Vite+、CLI、言語サーバーで使う共通設定は vite.config.ts に、TypeScript の設定は tsconfig.json にまとめます。Vue 固有の設定は vue: に置き、CLI とエディタ拡張で共有します。設定の検索順序と優先順位は設定ガイドを参照してください。
Vize は開発中です。既知の制限はサポート状況にまとめています。導入する前に、 自分のプロジェクトで診断とビルド出力を見比べてください。
作者

ubugeeei は東京を拠点とするソフトウェアエンジニアです。Vue、Rust、デザイン、言語ツールに取り組んでいます。
Vue.js コアチームのメンバーで、Vue.js 日本ユーザーグループのコアスタッフ、Vite+ のコアコントリビューター、mates-dev のチーフエンジニアを務めています。
chibivue、Vize、Ox Content の作者でもあります。
- GitHub: github.com/ubugeeei
- X (Twitter): @ubugeeei
- ブログ: wtrclred.io
- chibivue.land: chibivue.land
スポンサー
Vize は MIT ライセンスで公開している、無料のオープンソースプロジェクトです。コンパイラ、リンター、フォーマッタ、型チェッカー、LSP、コンポーネントギャラリー、WASM バインディングまでを含むツールチェーン全体を開発し、保守し続けるには、多くの時間と継続的な取り組みが必要です。
Vize が開発の時間を節約したり、開発体験を良くしたりしているなら、あるいは高速な Vue.js ツールチェーンという目標に共感していただけるなら、スポンサーとしての支援をご検討ください。
- CI/CD のランナー環境は Blacksmith の提供を受けています。
- GitHub Sponsors
いただいた支援は、継続的な開発とインフラの費用に充てられ、Vize を誰もが無料で使える状態に保つ助けになります。金額にかかわらず、すべての支援が大きな力になります。