vueComponent/ant-design-vue

これは何？

主な機能

• 01Ant Designの仕様に沿った、幅広いVueコンポーネントを提供します。
• 02Vue 2とVue 3の両方に対応しています。
• 03サーバーサイドレンダリングとElectronで動作します。
• 04npmまたはyarnからインストールできます。
• 05エコシステムでVS Code拡張機能とNuxtモジュールを提供しています。

ユースケース

• Vueで社内向け管理ダッシュボードやバックオフィスシステムを構築する。
• 一貫したデザインシステムが必要なエンタープライズWebアプリケーションを作成する。
• ReactのAnt Designを使ったプロジェクトの外観や操作感をVueのコードベースに移行する。

クイックスタート

1. 1

   npmでパッケージをインストールする

   npm install ant-design-vue --save
2. 2

   または、yarnでパッケージをインストールする

   yarn add ant-design-vue

使う前に知っておきたいこと

• !READMEには明確なオープンソースライセンスの記載がありません。メタデータにはNOASSERTIONと表示されているため、使用前にライセンスを確認してください。
• !旧式のInternet Explorerをサポートするにはポリフィルが必要で、v1.xのみに適用されます。

トピック

よくある質問

ant-design-vue とは？

Ant Designのデザイン言語に基づくエンタープライズ向けVue UIコンポーネントライブラリ。Vue 2とVue 3に対応。 Ant Design Vueは、ReactベースのデザインシステムであるAnt Designのビジュアルデザインと操作パターンを実装した、Vue向けUIコンポーネントライブラリです。デスクトップ向けのエンタープライズWebアプリケーションを構築するための既製コンポーネントを提供し、開発者がよく使うUI部品を一から設計・実装する手間を省きます。

ant-design-vue は無料で使えますか？ライセンスは？

ant-design-vue は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

ant-design-vue は今もメンテナンスされていますか？

活発にメンテナンス中。ant-design-vue の最終コミットは 2026年10月13日 です。

ant-design-vue は何に使えますか？

Vueで社内向け管理ダッシュボードやバックオフィスシステムを構築する。 一貫したデザインシステムが必要なエンタープライズWebアプリケーションを作成する。 ReactのAnt Designを使ったプロジェクトの外観や操作感をVueのコードベースに移行する。

ant-design-vue のインストール方法は？

npmでパッケージをインストールする: npm install ant-design-vue --save または、yarnでパッケージをインストールする: yarn add ant-design-vue

ant-design-vue はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/vueComponent/ant-design-vue