序文
Vue2とVue3を分類してありますので、ご自身に合ったものをお選びください。
Vue2 PC プロジェクト
1、要素
スター:53.4k
これは、Ele.me のフロントエンド チームによって開発および保守されている、Vue.js 2.0 に基づく UI コンポーネント ライブラリです。コンポーネント ライブラリは、豊富な UI コンポーネントとインタラクティブな効果を提供しており、開発者が最新の Web アプリケーションを迅速に構築するのに役立ちます。ElemeFE/要素の機能には、使いやすさ、高度なカスタマイズ、優れたドキュメントとコミュニティ サポートなどが含まれます。
github アドレス: https://github.com/ElemeFE/element
オンラインURL: https://element.eleme.cn/#/zh-CN
2、view2-エルム
スター:40k
このプロジェクトは大小合わせて 45 ページあり、登録、ログイン、商品表示、ショッピング カート、注文などの一連のプロセスが完了します。一般企業の公式サイトのシングルページのプロジェクトでもそこまで複雑ではありませんし、このプロジェクトをコントロールできれば、ほとんどの企業の他のシングルページのアプリケーションも問題ないと思います。これより大きく上がることはありません。
github アドレス: https://github.com/ElemeFE/element
オンラインURL: https://element.eleme.cn/#/zh-CN
3、マークテキスト
スター:39.8k
は、ユーザーが Markdown 形式でテキストを迅速かつ効率的に作成および編集できるようにする、 無料のオープンソースの Markdown エディターです。 シンプルで使いやすいインターフェイスを備え、リアルタイム プレビュー、コードの強調表示、テーブル、リスト、数式、その他の一般的な Markdown 構文をサポートし、複数のテーマとカスタム スタイルもサポートします。Marktext は、ユーザーがさまざまなシナリオで使用するのに便利な、HTML、PDF、DOCX などのさまざまなエクスポート形式も提供します。
github アドレス: https://github.com/marktext/marktext
4、PanJiaChen/vue-element-admin
スター:82.4k
テクノロジー スタックは 主に vue + 要素 + axios を使用し、webpack2 によってパッケージ化されます。これは個人プロジェクトであるため、データ リクエストはすべて mockjs によってシミュレートされます
github アドレス: https://github.com/PanJiaChen/vue-element-admin
オンライン URL: https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard
5、はいPlayMusic
スター:23.5k
これは、Vue.js および Node.js テクノロジー スタックで構築された、 オープン ソースのサードパーティ NetEase クラウド ミュージック プレーヤープロジェクトです。 オンラインでの音楽の再生、プレイリストの作成と管理、お気に入りの曲の検索などを行うことができます。フロントエンドフレームワークとしてVue.jsが使用され、ルーティング、状態管理、ネットワークリクエストなどの機能の実装にはVue Router、Vuex、Axiosなどが使用されます。バックエンドは、Node.js および Express フレームワークを使用してサーバーを構築し、Mongoose ライブラリを使用して MongoDB データベースに接続し 、 Passport.js ライブラリを使用してユーザーの認証と認可を実装します。さらに、YesPlayMusic は、リアルタイム通信用の WebSocket、Webpack パッケージ構築、ESLint コード仕様検査 など、 他のテクノロジーやツールも使用します。
github アドレス: https://github.com/qier222/YesPlayMusic
オンラインURL: https://music.qier222.com
6、vueマテリアル
スター:9.8k
これは、Vue.js ベースのマテリアル デザイン コンポーネント フレームワークであり、開発者が美しく使いやすい Web アプリケーションを迅速に構築するのに役立つ豊富な UI コンポーネントのセットを提供します。Vue マテリアルは Google マテリアル デザイン仕様に従っており、ボタン、カード、テーブル、入力ボックスなどの一般的に使用されるコンポーネントを提供し、 カスタム テーマ やスタイル もサポートしています。
github アドレス: https://github.com/vuematerial/vue-material
オンライン URL: https://www.creative-tim.com/vuematerial
Vue3 PC プロジェクト
1、vue-manage-system
スター: 16k
これは、 Vue3 および Element Plus に基づく バックグラウンド管理システム ソリューションであり、開発者がバックグラウンド管理システムを迅速に構築できるようにする一連の共通コンポーネントと基本機能を提供します。 このシステムには、ユーザー管理、権限管理 、 データ視覚化 、フォーム編集などの共通機能が含まれているほか、開発者が独自のニーズに合わせてカスタマイズするのに便利な、さまざまなテーマ スタイルやカスタム構成オプションも提供されています 。
github アドレス: https://github.com/lin-xin/vue-manage-system
オンラインアドレス: https://lin-xin.gitee.io/example/work
2、データV
スター: 7.7k
ビジュアルデータ分析ツールは、Alibaba Cloud が提供するデータ視覚化製品です。Alibaba Cloud のビッグデータ テクノロジーに基づいて、大量のデータを迅速に処理および視覚化することができ、複数のグラフ表示方法、複数のデータ ソース アクセス、および多次元データ分析をサポートします。DataV は、ユーザーがインタラクティブなデータ視覚化アプリケーションを迅速に構築できるようにし、企業がビジネス データを迅速に理解してより適切な意思決定を行えるように支援します。同時に、DataV は、データのセキュリティとプライバシーを確保するための豊富なデータ セキュリティと権限制御メカニズムも提供します。
github アドレス: https://github.com/DataV-Team/DataV
オンラインアドレス: http://datav.jiaminghi.com/
3、vue-vben-admin
スター: 17.3k
Vue Vben Admin は、Vue3 と TypeScript をベースにしたオープン ソースのバックグラウンド管理システム テンプレートであり、開発者が高品質のバックグラウンド管理システムを迅速に構築するのに役立つ多くのコンポーネントとプラグインが含まれています。Vue Vben Admin は非常に拡張性と柔軟性が高く、さまざまなビジネス ニーズに簡単に対応できます。また、豊富なドキュメントとサンプル コードも提供されているため、開発者はすぐに開発を開始して開発を行うことができます。
github アドレス: https://github.com/vbenjs/vue-vben-admin
オンライン アドレス: https://vben.vvbin.cn/#/login?redirect=/dashboard
4、PPTist
スター: 4.1k
これは、 Vue3.x + TypeScript に基づいた オンライン プレゼンテーション (スライドショー) アプリケーションです。Office PowerPoint の一般的な機能のほとんどが復元され、テキスト、画像、図形、線、グラフ、表、ビデオ、オーディオ、および数式がサポートされています。 、各要素は高度に編集可能で、豊富なショートカット キーと右クリック メニューをサポートし、ローカル PPTX ファイルのエクスポートをサポートし、モバイルの基本編集とプレビューをサポートし、PWA をサポートします。
githubアドレス: https: //github.com/pipipi-pikachu/PPTist
オンラインアドレス: https://pipipi-pikachu.github.io/PPTist/
5、PicGo
スター: 20.3k
これはオープンソースの画像アップロード ツールであり、ユーザーがQiniu Cloud、 Tencent Cloud、 Alibaba Cloud、 Youpai Cloudなど の さまざまなクラウド ストレージ プラットフォームに画像を 迅速にアップロードできる ようにします。
github アドレス: https://github.com/Molunerfinn/PicGo
6、vue3-composition-admin
星の数: 2.6k
これは、Vue3 と TypeScript に基づくバックグラウンド管理システム テンプレートであり、最新の Vue3 結合 API と Element Plus UI コンポーネント ライブラリを使用します。ログイン、権限管理、メニュー管理、ユーザー管理など、よく使われる機能モジュールが用意されています。個人的にはUIがかなりすっきりしていると思います。
github アドレス: https://github.com/RainManGO/vue3-composition-admin
オンラインアドレス: https://admin-tmpl-test.rencaiyoujia.cn/
継続的に更新~~