React環境構築編

React環境構築手順

reactを使って開発する方向けに超シンプルにお伝えできればと思います。

前提条件

• nodebrew
• Node.js(ver 8.10以上)
• npm(ver 5.2以上)
  上記３点がが既にインストールされている
  Nodeはバージョン16がおすすめ。（17だとなぜか正常に動作しない？かったからです）

①ビルド環境の構築

.ターミナル

npx create-react-app {任意のプロジェクト名}

おそらく下記のエラーを吐く可能性があります。
その際は5.6行目どちらかのコマンドを試してみてください。
バージョンが古いよ、との勧告らしいです。

.ターミナル

Your are running `create-react-app` 4.0.3, which is behind the latest release(5.0.0).
We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app

上記でも同じエラーを吐いた場合は・・・
下記コマンドでキャッシュのクリアをしてください（私はこの方法で解決できました。）

.ターミナル

npx clear-npx-cache

そしてもう一度npx create-react-app

下図のようになっていればOKです！

②作成したプロジェクトに移動

.ターミナル

cd {作成したプロジェクト名}

③ローカルサーバーを起動（どっちかでok　上の図でnpmを推奨してるのでnpm startがいいですねw）

成功した場合勝手にサーバーが立ち上がります。

.ターミナル

npm start
yarn start

以上です！