vue clownfish admin

Vite + Vue3 + antd + TypeScript管理背景シンプルなフレームワーク

？ 導入

Vue-Clownfish-Adminは、Vueの最新のテクノロジースタックによるバックエンド管理フロントエンドのシンプルなフレームワークです。 VUE3に基づいて、Integrated VUE3の最新エコシステムのコアライブラリが実装されています。主な技術スタックは、ES2015+、TypeScript、Vue3、Pinia、Vue-Router、Vite、ANTDです。これらのテクノロジーがこのプロジェクトを簡単に開始できるようにすることができます。このプロジェクトvite 、 vue3開発技術として使用しています。

？

• 現在の最新のテクノロジー開発（Vite、Vue3、TS、Pinia）を使用しています
• レイアウトコンポーネントのデカップリングを簡単に切り替えて、コンポーネントを交換できます
• 軽量テンプレート、低学習コスト

？

• サイドバーメニューを動的に生成します（マルチレイヤーネスティングと外部リンクをサポート）
• パンの破片を動的に生成します
• ナビゲーションタブページ（ソートのドラッグ、右 - ポップアップメニュー、ページの更新などをクリックします）
• サイドバーメニュー、パン粉、タブはすべてアイコンアイコン（ANTDアイコンとSVG）をサポートしています
• ルート構成の動的キャッシュページに基づきます
• 動的ルーティングページ
• 動的メニュー
• ルート許可構成
• CSSコードにプレフィックスを自動的に追加して、スタイルをさまざまなブラウザーに適応させる
• 開発のためのJSX/TSXの使用をサポートします
• モックシミュレーションインターフェイスをサポートします
• マルチアンビエント構成

？

 # 克隆项目
git clone https://github.com/1esse/vue-clownfish-admin.git

# 进入目录
cd vue-clownfish-admin

# 下载依赖包
npm install # 使用npm
yarn # 使用yarn

# 启动项目
npm run dev # 使用npm
yarn dev # 使用yarn

？

• 開発：ローカル開発
• ステージ：リリース前の環境開発
• ビルド：パッケージングアイテムコード
• ビルド：ステージ：リリース前の環境コードの梱包
• プレビュー：梱包後にアイテムをプレビューします

•これらを理解することは役立つかもしれません

1. SRC/コンポーネント、ANTDコンポーネント、ANTDアイコンを拡張する必要はありません（TSXを除く）。
2. Vue、Pinia、Vue-Router、SRC/Utils、およびSRC/Composableの下での関数は、明示的なインポートを必要としません（vite.config.tsで構成できます）。
3. Flex、グリッド、その他のCSSスタイルなどの複数のブラウザに適応する必要はなく、フレームワークには自動適応が装備されています。
4. ほとんどのシーンは、PXの代わりにREMを使用して、より異なる解像度画面を適応させることをお勧めします。

？ 他の

オンラインプレビュー

オンラインプレビュー（国内ネットワーク訪問）

Giteeアドレス

電子バージョン

ElementPlusバージョン

？

MITライセンス

Copyright©2022-Present Zhaojiexin