YummyAdmin
1.0.0
Vue 3 および Naive UI ベースの管理パネル。ほぼ完成しており、RTL をサポートしており、美しいデザインがあり、無料ですぐに使用でき、他のあらゆるユースケースに拡張可能です。
注: このプロジェクトは現在建設中であり、100% 完成したわけではありません。
ライブデモ
注: このプロジェクトは ViteSSE テンプレートを使用してビルドされ、コンポーネント ライブラリとして NaiveUI を使用します。
Vue 3、Vite、pnpm、esbuild - 生まれつきの高速性
eコマース対応セクション (製品、カテゴリ、注文、顧客)
ファイルベースのルーティング
コンポーネントの自動インポート
Pinia による状態管理
レイアウトシステム
PWA
UnoCSS - インスタントオンデマンドのアトミック CSS エンジン
I18n 対応
Vitest による単体テスト、GitHub Actions 上の Cypress による E2E テスト
Netlify にデプロイ、設定不要
YummyAdmin には Node >=18.18 が必要です
npx デジ https://github.com/doroudi/yummyadmin my-yummy-admincd my-yummy-admin pnpm i # pnpm がインストールされていない場合は、次を実行します: npm install -g pnpm
このテンプレートを使用する場合は、チェックリストに従って情報を適切に更新してください。
LICENSEの作成者名を変更する
locales/en.yamlのタイトルを変更します。
vite.config.tsのホスト名を変更します。
publicでファビコンを変更する
資金調達情報が含まれている.githubフォルダーを削除します。
README をクリーンアップしてルートを削除する
そして、楽しんでください:)
http://localhost:7000 を実行してアクセスするだけです。
pnpm 開発:モック
アプリをビルドするには、次のコマンドを実行します。
pnpm ビルド
そして、生成されたファイルがdistに表示され、提供できる状態になります。
Netlify に移動してクローンを選択し、 OKクリックすると、アプリは 1 分以内に公開されます。
まず、プロジェクトのルート ディレクトリでターミナルを開いて、vitesse イメージをビルドします。
docker buildx ビルド 。 -t yummyadmin:最新
イメージを実行し、 -pフラグを使用してポート マッピングを指定します。
docker run --rm -it -p 8080:80 yummyadmin:latest
