【React】Create React Appでプロジェクトを作成する

Reactの環境構築の手順を書いていきます。

事前にインストールしておくもの

ページ記載時点のバージョンです。

• Node.js：v14.17.3
• npm：v6.14.13

プロジェクトの作成

2種類の方法があり、どちらも作成されるものは一緒です。

npx create-react-app プロジェクト名

npm init react-app プロジェクト名

プロジェクトの作成（Typescript版）

Javascriptではなく、Typescriptで作成するならこちら。

npx create-react-app プロジェクト名 --template typescript

プロジェクトの実行

プロジェクトが作成されたら、下記コマンドを実行すると、ブラウザに実行結果が表示されれば無事成功です。

npm start

あとがき

Reactアプリのプロジェクトを作成する方法をまとめました。
環境によっては設定が足りないこともあるかもしれないので、随時追加したいと思います。