2020年に最も興味深いVue UIコンポーネントライブラリの15

2020年に最も興味深いVue UIコンポーネントライブラリの15

2020年に最も興味深いVue UIコンポーネントライブラリの15
СОДЕРЖАНИЕ
02 июня 2020

興味深いVue UIコンポーネントライブラリ


"Vue UIコンポーネントライブラリに悩む理由?" そうですね、Vue、またはVue.jsは、フロントエンドで動的アプリケーションを作成するために使用できる人気のJavaScriptライブラリです。 2014年のささやかな始まり以来、過去2年間で勢いを増しています。 VueはAngularとReactの主なライバルとして浮上しており、Vueの人気の理由の1つは、 コンポーネントの使用, 開発を把握しやすくする.

この投稿では, 最も興味深いVue UIコンポーネントライブラリのいくつかをカバーします 最初に調べる必要があります。仕事でVueアプリケーションを使用している場合、これらは確かに役立ちます。!

1. Vueマテリアルキット

Vueマテリアルキット

Vue Material Kitは、新しいサイトやWebアプリを構築する際の設計/開発プロセスをスピードアップするために使用できる優れたショートカットです。 JavaScript、Vuejs、Vue Routerの基本的な知識が必要ですが、それ以外は、パッケージは非常に簡単に理解でき、美しいです.

キットの一部として60の手作りコンポーネント、2つのカスタマイズされたプラグイン、3つのサンプルページがあります.

2. Vuetify

Vuetifyホームページ

VuetifyはVue上のフレームワークであり、 クリーンでセマンティックで再利用可能なUIコンポーネントを作成する. Vueのサーバー側レンダリング(SSR)で動作します.

Vuetifyが最高のVue UIコンポーネントライブラリの中で興味深い選択肢となっているのは、既製のvue-cliテンプレートの形式で、既製のコード用の足場が利用できることです。これにより、すぐに始めることができます。 Vuetifyにも良いコミュニティと定期的な更新があります.

3. Buefy

Buefy

Buefy Vueに基づく軽量のUIコンポーネントライブラリであり、 ブルマ, CSSフレームワーク。このフレームワークは、Bulmaにバンドルされていますが、100 KB未満です。.

SASSに慣れている場合は、 BuefyとSASSの類似点. そうは言っても、Buefyは初心者アプリケーションに使用するコンポーネントの既製のリストを提供していますが、大規模なプロジェクトで作業している場合は不十分な場合があります。.

4. Vueマテリアル

Vueマテリアル

Vue Materialは、Googleの最新の設計仕様で設計されたスケーラブルなライブラリです。ライブラリには 便利なコンポーネント 複雑なアプリシェルを作成するプロセスを簡単にする.

1.7M以上のダウンロードで、すべての画面にフィットするアプリを構築するための軽量ライブラリを提供します。 Vue Material Libraryは最新のWebブラウザーと互換性があり、そのAPIは初心者にやさしいため、2020年のリストに最適です.

5. Fish-UI

魚のUI

Fish UIは、軽量のVue UIコンポーネントライブラリツールキットで、webpackとES2015をサポートしています。.

執筆時点では、このプロジェクトには5人の貢献者しかいませんでした。ただし、先月中にいくつかのアクティビティがあり、それはまだアクティブであることを示しています。に向かうことができます プロジェクトのドキュメント 試してみる!

6. クエーサー

クエーサー

クエーサーは、Vueに基づくフロントエンドフレームワークです。レスポンシブWebおよびモバイルアプリケーションで作業する場合は、この点を考慮する必要があります。フレームワークのコンポーネントに加えて、縮小化やキャッシングなどの機能をサポートする本格的なフレームワークです。 2020年5月の時点で、 GitHubの星14.6k.

Quasarはおそらく、ここで取り上げたすべてのVue UIコンポーネントライブラリの中で最も広範です。詳細なドキュメントと堅牢なエンドツーエンドの実装があります.

7. Vux

Vux

Vuxは、Vueをベースにした、WeChatのWeUIとWebpackに基づくフレームワークです。ただし、ドキュメントはほとんどが中国語で、英語の翻訳は最小限です。 Vuxは主に、アプリケーションのモバイルコンポーネントの迅速な開発に重点を置いています.

ここは ライブデモ ブラウザのすべてのコンポーネントとそのレンダリングを一覧表示するVuxの.

8. 素子

素子

ElementはWebのUIコンポーネントライブラリであり、バージョンも 反応する そして 角度, Vueに加えて。このコンポーネントライブラリは、コンポーネントが応答しないため、デスクトップアプリケーションに特化しています。.

Elementにも中国語の重要なドキュメントがありますが、スペイン語と英語の翻訳が提供されています。母国語以外の中国語話者は、 国際化ドキュメント Elementをプロジェクトで使用する前.

9. キーンUI

Keen UIドキュメント

Keen-UIは、この記事で取り上げる他のほとんどのVue UIコンポーネントライブラリとは異なり、ビジュアルコンポーネントではなくJavaScriptによる対話性に焦点を当てています。 Keen-UIは、 Googleのマテリアルデザイン, 使いやすいAPIが付属しています.

Keen UIは、アプリケーション全体で使用する必要性を繰り返しません。必要な場所に戦略的に配置できるいくつかの便利なコンポーネントがあります。したがって、既存のアプリケーションに反復機能を追加する場合は、Keen UIが適しています。.

10. AT-UI

AT-UI

AT-UIは、デスクトップアプリケーションに重点を置いたさらに別のVue UIコンポーネントライブラリです.

AT-UIは、WebアプリケーションにフラットUIコンポーネントを提供します。 14人の寄稿者がいて、利用できるサポートはそれほど多くありませんが、 スターターテンプレート GitHubで使用できます.

11. Mint-UI

Mint-UI

Mint UIは、Babel JavaScriptコンパイラに基づく軽量のVue UIコンポーネントライブラリです。このパッケージはサイズが小さいため、モバイルアプリケーションでの使用に適しています。 Mint UIは、アプリケーションのコンポーネントにiOSに似たテーマを提供します。ここは デモ Mint UIコンポーネントの.

Mint UIには15,000以上の星があります GitHubで. フレームワークの開発はまだ本格的に進んでおり、masterブランチへの新しいコミットは1月中旬に行われます。ただし、GitHubの課題トラッカーを一目見ると、Mint UIが中国の開発者向けであることがわかります。.

12. VuePress

VuePress

VuePressは、Vueに基づく静的サイトジェネレーターです。このフレームワークは、Webpackを使用して、事前にレンダリングされた静的HTMLページを作成します(静的WordPressサイトはどうですか?).

VuePressを使用すると、プロジェクトに多くの可能性が開かれます。 ドキュメンテーションプロセスの自動化. 既存のアプリケーションに統合することも簡単です。ただし、かなりの欠点は、SEOサポートがまだ新しいことです。 ドキュメント まだこのトピックに焦点を当てていません.

13. Eagle.js

Eagle.js

Eagle.jsは、開発者が作成できるVueのフレームワークです。 Webアプリケーション内のスライドショー. Eagle.jsから選択してカスタマイズできるテーマ、アニメーション、ウィジェット、スタイルは多数あります.

Eagle.jsはデモサイトで多数の例を提供していますが, ドキュメンテーション まだ最小限です。 Eagle.jsの明白な代替手段は Reveal.js, Webスライドショー用のスタンドアロンJavaScriptフレームワーク。ただし、Eagle.jsはReveal.jsで最大の欠点を克服しています—スライドショー構造の剛性.

14. Bootstrap-Vue

Bootstrap-Vue

Bootstrap-Vueは、広く使用されているCSSライブラリであるBootstrapの機能をVueにもたらします。すぐに利用できるUIコンポーネントとグリッドシステムを提供し、すべてがモバイルファーストで応答性に優れています。さらに、このライブラリのコンポーネントは、Webアクセシビリティに関するWAI-ARIAガイドラインと互換性があります。 Bootstrap-Vueは、UIコンポーネントを迅速に作成するというBootstrapの理念を維持し、開発者がプロ​​ジェクトをすばやく開始できるようにします。.

ドキュメントは広範です コミュニティのサポートは強力で、誰かがプロジェクトを始めるのに安全なオプションです.

15. iView UI

iView-UI

iView UIは、Vueのライブラリで、UIコンポーネントとウィジェットを提供し、きちんとしたデザインに重点を置いています。 iViewには独自のコマンドラインインターフェイス(CLI)ツールがあります, iView-cli, コンポーネントの足場とオフラインバージョンのドキュメントの視覚的なツールを提供します。それは積極的に維持され、 定期的な更新 バグの解決と機能の追加.

プロジェクトでiViewを使用している場合、ここに スターターキット, ライブラリの基本的な使い方を始めるのに役立ちます.

選択するVue UIコンポーネントライブラリ?

ここでは、さまざまな機能を実行する15のVue UIコンポーネントライブラリをリストしましたが、どれが最適ですか?ええと、いつものように、答えは "場合によります." 完全なソリューションが必要な場合は、先に進んで クエーサー. 一方、既存のプロジェクトのプラグアンドプレイソリューションを探している場合は、 Vuetify または キーンUI.

プロジェクトでどのVue UIコンポーネントライブラリを使用していますか?以下のコメントでお知らせください.

これらの記事にも興味があるかもしれません:

  • 最高のAngular管理ダッシュボードテンプレート

WordPressサイトの高速化に関する速習コースに参加することを忘れないでください。いくつかの簡単な修正により、ロード時間を50〜80%も短縮できます。

*この投稿にはアフィリエイトリンクが含まれています。つまり、製品リンクの1つをクリックしてから製品を購入すると、少額の手数料が発生します。心配はいりません、それでもあなたは標準額を支払うでしょう、それであなたの側で費用はありません.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector