きどうはんのう

あらかじめ準備する

reactを開始する前に、前処理が必要です.

nodejs

nodejsが必要です.
nodejsが敷かれているかどうかを確認するには、次の方法を使用してチェックします.
nodejsのチェック

node -v
v15.11.0

node-vを入力しても何も表示されない場合は、nodejsをインストールします.

npm

npm(Node Packaged Manager)
Nodeのパッケージ管理ツール.
npm確認

npm -v
7.6.0

npx

npxはnpm 5.2.0から製造された.
npx確認

npx -v
7.6.0

レスポンスの作成

create-react-app

create-act-app(CRA)は、リトラクトの基本構造と設定を自動的に生成するためのツールとコマンドです.
次に、create-act-appを使用してデフォルトのリトラクトファイルを作成する方法を見てみましょう.
npx create-act-app[ファイル名]

npx create-react-app testfile

npx create-act-appを実行し、新しく作成したリトラクトファイル名を後に書きます.上記の例ではtestfileという名前のリトラクトファイルを作成します.

React File

react fileが表示されます.
ファイルを開くと、次の構造が表示されます.

上の図に示すように、ファイルが表示されている場合は、リトラクトプリファレンスが正常に設定されています.

Yarn

reactを開始する前に糸をダウンロードします
糸はjs包装マネージャー、例えばnpmです.
しかしnpmとの違いは、糸が速度や安全性に優れているため、糸をよく使用することである.
糸の取り付け

npm i -g yarn

上のコードで線を敷いてから敷いたか確認します

yarn -v
1.22.10

上のようにバージョンが出てくると、線が敷かれています.

じっこうはんのう

reactファイルのpackageを実行しますjsonの表示

上記の部分があります.
startというコマンドを使用して反応を実行します.
reactの実行

yarn start

startをタッチすると画面が開きます.

このような画面が現れると成功します
これでプリファレンスに戻るのは終わりです