Ant Design Proの学習
Ant Design Pro公式ウェブサイト:https : //pro.ant.design/index-cn
すぐに使えるフロントデスク/設計ソリューション
Reactのミッドエンドおよびバックエンド管理コンソールに基づく足場、UIはAnt Design、フレームワークはAnt Design Pro
インストールする前に、ローカル環境でyarn、node および gitをインストールする必要があります
1.準備
窓の下での糸の取り付け
糸中国語ドキュメント:https : //yarn.bootcss.com/docs
1.インストールパッケージを使用してインストールします(パスは自分で選択できます)
.msiインストールパッケージを公式にダウンロードします:https : //yarn.bootcss.com/docs/install/#windows-stable
インストールが完了したら、必ず環境変数を設定してください
2. npmを使用してインストール(グローバルインストール)
npm i糸-g - i:インストール -g:グローバルインストール(グローバル)、使用-gまたは- グローバル
ps:yarn -vを使用し て、インストールが成功したことを検出できます。または、yarnを直接入力して、 yarnの インストールに関する情報を表示できます。
2.インストール
1.空のフォルダをプロジェクトディレクトリとして作成し、ディレクトリの下で実行します。
糸は海を作成します
または
npm create umi
2. ant-design-proを選択し ます。
定型タイプ(キーの矢印を使用する)を選択し ❯アリ -design -プロ-レイアウトのみのアリ-設計-とプロジェクトを作成します海ブロックと一緒に使用し、プロ定型。 アプリ - 簡単な定型、サポートtypescriptですとプロジェクトを作成します。 block - umiブロックを作成します。 library - umiを使用してライブラリを作成します。 plugin -umiプラグインを作成します。
Ant Design Pro足場が自動的にインストールされます。
3.地域開発
1.インストールの依存関係
npmインストール
2.実行してみます
ASLスタート
正常に実行すると、アドレスが表示され、ブラウザでアクセスできます
作用効果は以下の通りです。
ps:「run create-umiエラー」ファイル名、ディレクトリ名、またはボリュームラベルの構文が正しくない場合は、https://www.cnblogs.com/xyann/p/12733803.htmlを参照して ください。