【React】環境構築

インストールできたか確認する

node -v

<結果>　v18.17.1

npm install -g npm

※npmでグローバルにパッケージをインストールする
グローバルとは使用しているコンピューターのどこからでも使用できるディレクトリ（ファイル）
↓↓↓

npm install -g パッケージ名

インストールできたか確認する

npm -v
npm --version

<結果>　10.0.0

npm init

npm initとは、npmをインストールした後最初に使用する初期化処理を意味するコマンドです。
initとは、initializeの省略で、初期化を意味します。初期化処理を行うことで、package.jsonが生成されます。

※https://www.sejuku.net/blog/75691

npx create-react-app . --template typescript

「typescript」フォルダの直下にReactでアプリ作成

npm と npx の違い
npm はパッケージ管理ツールなので、パッケージとしてインストールされたものを管理する目的で使い、
npx は特定パッケージをインストールせずにしようするものです。 
npm 経由でインストールされたパッケージは npm 経由で実行される必要があります。

PS C:\Users\・・\・・\デスクトップ\typescript> npx create-react-app . --template typescript

<結果>　
Need to install the following packages:
create-react-app@5.0.1
Ok to proceed? (y) y

・・・
Happy hacking!

※ヘルプを参照

npx create-react-app --help

npm start

サ－バーが起動する

・ES7+ React/Redux/React-Native
・Prettier – Code formatter