admin ui template

テンプレート ハブを開く - 管理 UI テンプレート v5

管理 UI テンプレートは、ビジネス向けの最新の応答性の高いカスタマイズ可能な管理 UI テンプレートです。これには、再利用可能なコンポーネント、テーマの色、デザインのサポートと、ダーク テーマのサポートが含まれています。

デモについては下の画像をクリックしてください

始める方法

1. 高速展開

このテンプレートを Heroku にデプロイします

2. UI ジェネレーターを開始する

UI ジェネレーター パッケージを使用して UI を作成する

3. GitHub テンプレート

このリポジトリをテンプレートとして使用する

インスタレーション

nodejs.org経由で、 nodejsとnpm をインストールします。

次のコマンドを実行して、インストールされているnodejsとnpmのバージョンを確認します。

node -v
npm -v

WebStorm の構成

プロジェクトをWebStormにインポートした場合は、次の実行構成が表示されます。

1.インストール

install.run.xml

2. 構築する

buildLocal.run.xml

buildLocalToStagingApi.run.xml

buildStaging.run.xml

buildProd.run.xml

3.スタート

startLocal.run.xml

startLocalFromiPhone.run.xml

startLocalToStagingApi.run.xml

startLocalFromIPhoneToStagingApi.run.xml

startStaging.run.xml

start.run.xml

4. デバッグ

デバッグ.run.xml

5. 依存関係の管理

古い.run.xml

update.run.xml

ローカル展開とデバッグ

ローカルにデプロイしてデバッグするには、次の構成を順番に実行します。

1. install.run.xml

2. buildLocal.run.xml

3. スタートローカル

1. startLocal.run.xml (ローカル API を使用)

2. startLocalFromIPhone.run.xml (ローカル API を使用 - iPhone からアクセス可能)

3. startLocalToStagingApi.run.xml (ステージング API を使用)

4. startLocalFromIPhoneToStagingApi.run.xml (ステージング API を使用 - iPhone からアクセス可能)

4. デバッグ.run.xml

環境変数

WebStormのenv.run.xml構成を実行すると、 .envファイルに次の変数が生成されることがわかります。適切に設定してください。

ポート=4202

package.jsonからプロジェクトの現在のnodejsとnpm のバージョンを確認します。

ブランドカラースケールジェネレーター

ブランドのカラースケールを生成できるようにするために、 Colllor を使用しています。

ファビコンの生成

ファビコンを生成するには、 FAVICON_GENERATION.mdファイルを参照してください。

Cookieポリシーの生成

Cookie ポリシーを生成するには、 cookiepolicygeneratorサイトを使用します。

ローカリゼーション

ローカリゼーションを生成または更新できるようにするには、updateMessages.run.xml を使用します。

時代遅れ

OUTDATED.mdを参照して古い npm パッケージを確認し、自己責任で更新してください。

貢献者

フルカン・ヤヴズ

ファティ・ターカー

メルト・サラック

貢献する

Open Template Hub に貢献する方法については、 CONTRIBUTING.mdを参照してください。

行動規範

貢献者規約の行動規範については、 CODE_OF_CONDUCT.mdを参照してください。

ライセンス

このプロジェクトのソース コードは MIT ライセンスに基づいてリリースされています。

テンプレート ハブを開く © 2023