elementar admin

初級管理者

概要 |ライブデモ |ドキュメント

最新の Angular UI コンポーネントと管理パネル (Angular Materials 3 コンポーネントと Tailwind CSS フレームワークに基づく)

主な特長

• 最も一般的な Angular マテリアル コンポーネントに基づいています
• すべてのコンポーネントは基本管理者向けに一から設計されています
• 実際のプロジェクトを作成するためのコンポーネントが多数あります。
• 個人および商用目的の無料およびオープンソース

含まれるもの:

• Angular 18+ と Typescript
• テイルウィンド 3+ と SCSS
• 高解像度
• 柔軟に設定可能なテーマ（3つのテーマを含む）
• 各テーマの明るい配色と暗い配色
• 50以上のAngularコンポーネント

インストール

完全なプロジェクトをインストールします (デモ ページとサンプルを含む)。

npx @elementarui/elementar-cli@latest new your-project-name

最小限のプロジェクトをインストールします (デモ ページやサンプルは含まれません)。

npx @elementarui/elementar-cli@latest new your-project-name --minimal

デモアプリケーションを開始する

 cd your-project-name
npm run start:demo

ライブプレビュー (デモ)

モノラルアプリケーションを起動する

 cd your-project-name
npm run start:mono

ライブプレビュー (モノラル)

二重層アプリケーションを開始する

 cd your-project-name
npm run start:dual-tier

ライブ プレビュー (デュアル ティア)

最小限のアプリケーションを起動する

 cd your-project-name
npm run start

ライブプレビュー (最小)

アップデート

プロジェクトを更新するには、次のコマンドを実行します。

 cd your-project-name
npx @elementarui/elementar-cli@latest update

デフォルトでは、 update コマンドはprojects/componentsフォルダーとルートpackage.jsonのみを更新しますが、デモ、デュアル層、モノラルレイアウトなどのすべてのプロジェクトを更新したい場合は、次のコマンドを使用してこれを行うことができます。

 cd your-project-name
npx @elementarui/elementar-cli@latest update all