Reactフレームワークの学習、設定と操作、実戦の記録

前提

1. 事前にnode.jsをインストールする必要があります
2. ソフトウェアをコンパイルする必要があります(ここではVScodeを使用します)。自分でダウンロードできます
3. React中国語公式Webサイトhttps://react.docschina.org/tutorial/tutorial .html#setup-option -2-ローカル開発環境

現在のノードのバージョン (参照のみ)ここに画像の説明を挿入


初期化

開発環境を構築する

cmd を開いて管理者として実行します (スクリーンショットを撮るのを忘れました。インストールは成功しました)
npm install -g create-react-app

最初の初期プロジェクト

  • プロジェクトが保存されているフォルダーの下にある cmd を開き、プロジェクトを作成し、プロジェクトの名前が my-react-app で、
    create-react-app my-react-app
    次のスクリーンショットの内容が表示されれば成功です。
    ここに画像の説明を挿入
    ここに画像の説明を挿入

  • プロジェクトのルートディレクトリを入力してくださいcd my-react-app
    ここに画像の説明を挿入

  • 走るnpm start
    ここに画像の説明を挿入

  • この時、ブラウザで http://localhost:3000/ にアクセスすると以下のページが表示され、初期化が成功したことがわかります
    ここに画像の説明を挿入
    ↑ 2.17 アップデート

おすすめ

転載: blog.csdn.net/qq_44035882/article/details/129080826