[React] Create React App（CRA）またはViteを使用したプロジェクトの作成方法

まとめ

ViteとCreate React App（CRA）は、Reactプロジェクトを作成するための人気のあるツールです。それぞれのツールを使用してReactプロジェクトを作成する方法を以下に示します。

※mdn web docsより

目次

• Create React Appを使用したプロジェクトの作成
• Viteを使用したプロジェクトの作成

Create React Appを使用したプロジェクトの作成

terminal

npm install -g create-react-app

terminal

create-react-app my-react-app

解説

1. Create React Appをグローバルにインストールします（すでにインストールしている場合はこの手順は不要です）
2. 新しいReactプロジェクトを作成します
3. これにより、my-react-appという名前の新しいディレクトリが作成され、Reactプロジェクトが初期化されます

Viteを使用したプロジェクトの作成

terminal

npm install -g create-vite

terminal

create-vite my-react-app --template react

解説

1. Viteをグローバルにインストールします（すでにインストールしている場合はこの手順は不要です）
2. 新しいReactプロジェクトを作成します
3. これにより、my-react-appという名前の新しいディレクトリが作成され、Reactプロジェクトが初期化されます

参考リンク

• Viteとは何？Viteやcreate-react-appで使うコマンドを全て紹介