👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

5.7 KiB

Ant Design Pro

言語: 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇧🇷 | 🇩🇿 | 🇪🇸

Ant Design Pro

エンタープライズアプリケーション向けの、Reactベースのすぐに使えるUIソリューション。

CI Preview Deploy Build With Umi Checked with Biome

ライトテーマのプレビュー ダークテーマのプレビュー

特徴

  • 💡 TypeScript: 大規模JavaScriptアプリケーション向けの言語
  • 📜 ブロック: ブロックテンプレートでページを構築
  • 💎 洗練されたデザイン: Ant Design仕様に準拠
  • 📐 一般的なテンプレート: 企業向けアプリケーションの典型的なテンプレート
  • 🚀 最新の開発環境: React/umi/dva/antdの最新スタック
  • 📱 レスポンシブ: 様々な画面サイズに対応
  • 🎨 テーマ: シンプルな設定でカスタマイズ可能なテーマ
  • 🌐 国際化: 組み込みのi18nソリューション
  • ⚙️ ベストプラクティス: 健全なコードを保つためのワークフロー
  • 🔢 モック開発: 使いやすいモック開発ソリューション
  • UIテスト: ユニットテストとE2Eテストで安全に

テンプレート

- ダッシュボード
  - 分析
  - モニター
  - ワークスペース
- フォーム
  - 基本フォーム
  - ステップフォーム
  - 高度なフォーム
- リスト
  - 標準テーブル
  - 標準リスト
  - カードリスト
  - 検索リスト(プロジェクト/アプリケーション/記事)
- プロフィール
  - シンプルプロフィール
  - 高度なプロフィール
- アカウント
  - アカウントセンター
  - アカウント設定
- 結果
  - 成功
  - 失敗
- 例外
  - 403
  - 404
  - 500
- ユーザー
  - ログイン
  - 登録
  - 登録結果

使い方

bashを使う

pro-cliを使って素早くプロジェクトを初期化できます。

# npmを使用
npm i @ant-design/pro-cli -g
pro create myapp

proテンプレートを選択します。simpleは基本テンプレートで、フレームワークの基本的な内容のみを提供します。completeはすべてのブロックを含み、二次開発のベースとしては適していません。

? 🚀 フル機能かシンプルなスキャフォールドか?(矢印キーで選択)
➥ simple
  complete

Gitリポジトリを初期化:

$ git init myapp

依存関係をインストール:

$ cd myapp && tyarn
// または
$ cd myapp && npm install

対応ブラウザ

モダンブラウザ対応。

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Edge 最新2バージョン 最新2バージョン 最新2バージョン 最新2バージョン

コントリビュート

どんな形の貢献も歓迎します。以下はこのプロジェクトに貢献する例です:

  • 日常業務でAnt Design Proを使う
  • issuesでバグ報告や質問を投稿する
  • pull requestsでコード改善を提案する