[吐血の整理] 40 以上の Vue3 実践ツールを共有-見出し-php.cn

ホームページ

見出し

[吐血の整理] 40 以上の Vue3 実践ツールを共有

青灯夜游

Oct 19, 2022 pm 05:52 PM

vuevue.jsvue3

Vue3 が正式にリリースされてから約 2 年が経ち、今年 2 月に Vue3 が正式に Vue プロジェクトのデフォルトバージョンになりました。以下の記事では、Vue3 の実用的なツール、UI ライブラリ、プラグイン、エコロジーを 40 個まとめて紹介しますので、皆様のお役に立てれば幸いです。

1. Vue3 UI コンポーネントライブラリ

UI コンポーネントライブラリは、再利用されたインターフェイス設計要素のコレクションとして理解できます。図書館。 UI コンポーネントライブラリは、システム全体の動作上の接続の役割を果たし、チーム内のデザイナーと開発者間の水平コラボレーションであり、一貫した製品出力を確保するための規範的な基盤です。 (学習ビデオ共有: vue ビデオチュートリアル )

ここでは、13 の Web UI ライブラリと 4 つのモバイル UI ライブラリを含む 17 の Vue3 UI コンポーネントライブラリを紹介します。記事「 17 Vue3 実践」をお読みください。 UIコンポーネントライブラリ（Webモバイル）は、》を共有することで入手できます。

#Web UI ライブラリ

Vant: モバイルコンポーネントライブラリ

NutUI: Jingdong スタイルの軽量モバイル Vue コンポーネントライブラリ
Varlet: マテリアルスタイルモバイルコンポーネントライブラリ
nutui-bingo: に基づく Jingdong の宝くじコンポーネントライブラリNutUI

2、Vue3 実践開発ツール

前回の記事「7 Vue3 実践開発ツール」収集 (共有) する価値がある

" では、7 つの実用的な Vue3 開発ツールを紹介しました。

#unplugin-vue-components: オンデマンドコンポーネントプラグインを自動的にインポートする

vuex-persistedstate: Vuex 永続化プラグイン
vuex-persist: Typescript をサポートする Vuex 永続化プラグイン
@vueuse/gesture: アプリケーションをインタラクティブにするジェスチャーライブラリ
##unplugin-auto-import
pinia-plugin-persistedstate: Pinia データ永続ストレージ
3. Vue3視覚化ツール

テクノロジーの頻繁な更新に伴い、ビジュアル開発ツールは開発効率を向上させる効果的なツールとなっています。前回の記事「[まとめ] 4 つの Vue3 視覚化ツール」では、次の 4 つの Vue3 視覚化ツールを紹介しました。

Pdfvuer: Vue アプリケーション用 ## の PDF ビューア

#vue3-marquee: シームレスなスクロールコンポーネント

Vue-ECharts: Baidu ECharts の Vue.js コンポーネント
iconpark: テクノロジーを通じてベクターアイコンスタイルを推進するオープンソースアイコンライブラリ
4、Vue3 共通プラグイン

前の記事「

開発効率を向上させるためによく使用される 10 個の Vue3 プラグイン (ぜひ集めてください)」では、効率の向上に役立つ 10 個の vue プラグインについて学びました。

vue-multiselect-next: Vue のユニバーサル選択/複数選択/マーカーコンポーネント

vue-print-nb: ディレクティブラッパー

vue-i18n-next: Vue3 用国際プラグイン
#vue-cropper: vue 画像トリミングプラグイン
# Vue Grid Layout: Vue のグリッドレイアウトシステム
Vue Qrcode Reader: QR (二次元コード) コードを検出およびデコードするための Vue.js コンポーネントのセット
Makeit Captcha: スライダー検証コードプラグイン
vue3-clipboard: Vue3 に基づくプラグインの貼り付けとコピー
#vue.draggable Sortable.js をベースにした Vue 3 ドラッグアンドドロップコンポーネント
BetterScroll は、モバイル端末上のさまざまなスクロールシナリオのニーズを解決するプラグインです (PC では
5. Vue3 関連の生態
前回の記事「

》では、6 つの Vue3 関連エコシステムについて学びました:

Vue プラグインライブラリ (vue365.cn)

Pinia: 軽量のレベル状態管理ライブラリ

Nuxt モジュール
Nuxt 3: サーバーサイドレンダリング (SSR) の作成に使用できます。アプリケーション
VueUse: 基本的な Vue 組み合わせユーティリティ関数のコレクション

6、Vue3 アニメーションプラグイン

1) vue-starport

アニメーションを使用した共有コンポーネントのクロスルーティング

github アドレス: https://github.com/antfu/vue -starport /blob/main/README.zh-Hans.md

デモアドレス: https://vue-starport.netlify.app/

[吐血の整理] 40 以上の Vue3 実践ツールを共有

2) @vueuse/motion

Vue Composables でコンポーネントを動かす

公式アドレス: https://motion.vueuse.org/

githubアドレス: https://github.com/vueuse/motion

[吐血の整理] 40 以上の Vue3 実践ツールを共有

7. オーディオとビデオのコンポーネント

@vueuse/sound

サウンドエフェクトを再生するための Vue の組み合わせ

公式アドレス: https://sound.vueuse.org/

githubアドレス: https://github.com/VueUse/sound

[吐血の整理] 40 以上の Vue3 実践ツールを共有

[関連ビデオチュートリアルの推奨事項: vuejs 入門チュートリアル、Web フロント-紹介終了 ]

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。