More than 3 years have passed since last update.

Reactの環境構築 by create-react-app

Posted at 2022-01-08

はじめに

これは、create-react-appの環境を構築したときのメモ。
自分のメモ用なので、見ないでくださいorz~~~。

ここから自分のOSのアイコンを押してinstallする。

以下はコマンドプロンプト上での作業

下記のコマンドでバージョンが表示されればO.K.

node -v
npm -v

npmは遅くて脆弱性があるらしいので、その改良版みたいなyarnを用いる方が良いらしい。

npm install -global yarn

パスが通っていれば必要なし。
以下のコマンドで得たパスを通す。環境変数を変更した後は、__再起動__した方が良いかも。

yarn global bin

yarn global add create-react-app

下記のコマンドでバージョンが表示されればO.K.

create-react-app -v

cd [プロジェクトを入れるフォルダ]

今回は my_app というプロジェクトを作成する。お好きな名前でどうぞ。因みに大文字の名前は不可だった。

create-react-app my_app

cd my_app

以下のコマンドを入力しブラウザが立ち上がりreactのマークが表示されれば完了！

yarn start

コマンド(2022/01/08)

パス(2022/01/08)