最近の「注目の」Vue プロジェクト 20 個を推奨します (収集する価値があります)

この記事では、フロントエンド ワーカー向けの最近の「注目の」Vue プロジェクト 20 個を紹介します。コレクションは学習に等しいです。皆さんのお役に立てれば幸いです。

今のインタビューでは、github やその他のオープンソース Web サイトのオープンソース プロジェクトに貢献したことがある場合、多くの場合、多くの成果を得ることができることがわかっています。追加ポイント

最近、Vue 関連のオープン ソース プロジェクトにも注目しています。最近比較的「ホット」な Vue プロジェクトをいくつか集めました。また、それらもお勧めします。みなさん、見てみましょう！ [関連する推奨事項: vue.js チュートリアル ]

注: 順不同でリストされています

1. vue-admin-better

現在のスター数:11066

今月のスター数:300

は1つですバックエンド管理システム、オープンソース バージョンは無料の商用利用をサポート、40 複数の単一ページ、RBAC モデルJWT 権限制御、適切な型定義、クロスプラットフォームPC、携帯電話、タブレット、バックエンド ルーティング ダイナミック レンダリング

コンポーネント ライブラリ、Vue2 は element-ui、Vue3# を使用します##element-plus と ant-design-vue があり、Vue を開発しているパートナーまたは使用したいパートナーに適しています element-ui/element-plus/ant-design-vue

GitHubアドレス: https://github.com/chuzhixin/vue-admin-better

##2. element-plus

現在の

スター数

:13178今月の

スター数

: 505

Vue3

の UI コンポーネント ライブラリ; Vue を知っている人なら誰でも element## を知っているはずです#、element-plus は、element の Vue3 バージョンです。TS

と ## に興味がある場合は、 #Vue3

興味がある場合は、ぜひチェックしてくださいGitHub アドレス: https://github.com/element-plus/element-plus

ドキュメント アドレス: https://element-plus.gitee.io/zh-CN/

3.ant-design-vue

現在の スター数 ：

15818

今月の スター数 ：

224

ant-design-vue は

element-plus

と同じで、比較的有名で古くから継続されているコンポーネントライブラリであり、 が推奨しているコンポーネントライブラリの一つでもあります。これは Ant Design の Vue 実装であり、コンポーネントのスタイルは Ant Design、コンポーネントの html と同期されています。構造と css スタイルも一貫性を保ち、スタイル 0 を実際に変更し、コンポーネント API を可能な限り一貫性を保つように努め、サーバー側をサポートしますレンダリングGitHub アドレス: https://github.com/vueComponent/ant-design-vue/

ドキュメントのアドレス: https://next.antdv.com/docs/vue/introducing-cn/

4.naive-ui-admin

現在の スター数 :

1421

今月の スター数 :

360

vue-admin-better と同様に、naive-ui-admin

は、

vue3 vite2 に基づくミッドエンドおよびバックエンド ソリューションです。 TS は、最新のフロントエンド テクノロジ スタックを使用しており、セカンダリ カプセル化コンポーネント、動的メニュー、権限検証、詳細な権限制御、その他の機能を含む典型的なビジネス モデルとページも改良されています。エンタープライズ レベルのミドルエンドおよびバックエンド プロジェクトを迅速に構築するのに役立ちます。 vue3、vite2 の最新テクノロジーに興味がある場合は、

が新しいオープン ソース プロジェクトです。および

TS については、 GitHub アドレス :https://github.com/jekip/naive-ui-adminプレビュー アドレス : https を試すことができます。 ://naive-ui-admin.vercel.app/

5. eladmin-web

現在の

スター数:3445

今月の獲得スター数: 82

eladmin のフロントエンド ソース コード、このプロジェクトは Spring Boot 2.1.0

、

Spring Boot Jpa、Spring Security に基づいています。 、Redis、Vue のフロントエンドとバックエンドの分離バックグラウンド管理システム、権限制御は RBAC、メニュー動的ルーティング を採用

eladmin プロジェクトの公式ドキュメントのアドレス: https://el-admin.vip/

# # 6. 要素

現在の

スター数:51464

今月の

スター数:229

言うまでもなく、

Vue2 のよく知られた UI コンポーネント ライブラリ

GitHub アドレス: https://github. com /ElemeFE/element

公式ドキュメント: https://element.eleme.cn/#/zh-CN

#7 . homer

現在の

スター数:3594

今月の勝利数:329

単純な静的 Web サイトのホームページ ジェネレーターは、単純な

yaml 構成ファイルを通じて実現できます。

GitHub アドレス: https://github.com /bastienwirtz/ホーマー

##8. uView2.0

##現在のスター数##:233

今月の Stars: 142

uView2.0 は複数のプラットフォーム UI# で迅速に開発されています## フレームワーク、

nvue

と完全互換、ネイティブ レンダリング、Android と互換性、iOS、WeChat アプレット、H5、QQ ミニ プログラム、Baidu ミニ プログラム、Alipay ミニ プログラム、Toutiao ミニ プログラムGitHub アドレス: https://github.com/umicro/uView2.0公式ドキュメント: https:// uviewui.com

9.vue-vben-admin

現在の

スター

：8200

今月の Stars：513

公式にはその速度で知られていますが、実際には Vue3 に基づいています vite2

TS

GitHub アドレス: https://github.com/anncwb/vue-vben-admin

#プレビュー アドレス: https://vvbin.cn/next/

10 .vue3-composition-admin

現在の スター数

:

1063

今月の

スター数 : 93

vue3-composition-admin は、vue3、ts

、# に基づく管理側のテンプレート ソリューションです。 ##element-plus

、プロジェクトはすべて composition api スタイルで書かれていますVue3 コンポジション API## の詳細な使用法を理解したい場合# を参照してください。GitHub アドレス: https://github.com/RainManGO/vue3-composition-adminオンライン デモ アドレス: https://admin -tmpl-test.rencaiyoujia .cn/

##11.vue-element-admin

現在の星数

:

73242

今月の

Stars: 755

前のプロジェクトvue3-composition-admin これは、この vue-element-admin

プロジェクト実装に基づいています

GitHub アドレス: https://github.com/PanJiaChen/vue-element-adminオンライン デモのアドレス: https://panjiachen.github.io/vue-element-admin/#/dashboard

#12.vue3 -antd- admin

現在の

スター数

:

1166

今月獲得したスター数:144

は vue-cli5.x/vite2.x

vue3.x ant-design-vue3.x## に基づいています #typescript フック 基本的なバックグラウンド管理システム テンプレート

RBAC

パーミッション システム、JSON スキーマ動的フォーム、動的テーブル、美しいロック画面インターフェイス# # GitHub アドレス: https://github.com/buqiyuan/vue3-antd-adminプレビュー アドレス: http://buqiyuan.gitee.io/vue3-antd-admin/ 13.form-generator

現在の

スター数

:

5585

##今月

スター を獲得しました:

214

A Element UI フォーム デザインおよびコード ジェネレーターで、生成されたコードを Element に基づいて vue プロジェクトで直接実行でき、エクスポートすることもできますJSON フォーム、一致するパーサーを使用して JSON を実際のフォームに解析します

GitHub アドレス: https://github.com/JakHuang/form-generator

プレビュー アドレス: https://mrhj.gitee.io/form-generator/#/

14.varlet

現在のスター数:1682

今月のスター数:298

数日前に作者がゴールド テキストを探しているのを見たようです。Vue3 をベースにした マテリアル デザイン スタイルのモバイル コンポーネント ライブラリです。Yuxi さんが言及しました

GitHub アドレス: https://github.com/haoziqaq/varlet

ドキュメント アドレス: https://varlet.gitee.io/varlet-ui/#/zh-CN/home

##15. サブウェブ

現在の

スター数： 1670

今月の

Stars の獲得: 141

vue-cli および tindy2013/subconverter## に基づく#バックエンド実装の構成は自動的に生成されます

GitHub アドレス: https://github.com/CareyWang/sub-web

表示アドレス: https:// sub -web.netlify.app/

16.vue2-manage

現在の

スター数

：11375今月の #Stars

：

103このプロジェクトは、 vue2 element-ui によって構築されたバックエンド管理システムです。バックエンドプロジェクトnode-elmの管理システムです すべてのデータはサーバーからリアルタイムに取得した実データであり、実登録、ログイン、データ管理、権限確認などの機能を備えています

GitHubアドレス: https://github.com/bailicangdu/vue2-manage

表示アドレス: https://cangdu.org/manage/#/

17. vue-pure-admin

現在 スター数

:

1675これに スターを付けました月

：

194vue-pure-admin

は、最新の

vue3 vite2 要素を使用する、無料のオープンソースのミドルおよびバックエンド テンプレートです。さらに、TypeScript およびその他の主流テクノロジ開発、すぐに使用できるミッドエンド、バックエンド、フロントエンド ソリューション (ビデオ、ドキュメント、UI デザインをサポート) GitHub アドレス: https://github.com/xiaoxian521/ vue-pure-admin

プレビュー アドレス: http://yiming_chang.gitee.io/manages

18. vuejs / docs

現在のスター数

:

1492スター数

が獲得しました今月:

64 は Vue3

GitHub アドレス: https://github.com/vuejs/ のコア ドキュメントです。 docs

公式 Web サイト: https://v3.vuejs.org/

19.PicGo

現在のスター数

:

15480今月のスター数

:

422URL写真を素早くアップロードしたり取得したりするための

リンクされたツール、これもおなじみのはずです

GitHub アドレス: https://github.com/Molunerfinn/PicGo

ドキュメントアドレス: https://picgo.github.io/PicGo-Doc/zh/guide/

## 公式ウェブサイト: https://molunerfinn. com/PicGo/

20.daisyui

現在のStars:

6913

今月の Stars:

518

##daisyUI は聞き慣れないかもしれませんが、これは コンポーネントです。

Tailwind CSS

、Tailwind CSS は、実際には、トークン リスト 構文 (HTML クラス ) によって伝送される DSL です。 )、CSS/Sass/LessGitHub アドレス: https://github.com/saadeghi/daisyuiDocument と同等のスタイル宣言を記述するために使用されます。アドレス：https://daisyui.com/

公式サイトアドレス：https://daisyui.com/

最後

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！

以上が最近の「注目の」Vue プロジェクト 20 個を推奨します (収集する価値があります)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。