React 新規プロジェクトを作成する

WindowsにReact 新規プロジェクトを作成した作業メモです。

yarn をグローバルにインストールする

npm install -g yarn

ローカルに create-react-app をインストールする

$ npm install create-react-app

※グローバルにインストールする場合は以下。環境汚染を考慮し今回は使わない。

<npm>
$ npm install -g create-react-app
<yarn>
$ yarn global add create-react-app

create-react-app を実行しReactプロジェクトを作成する(TypeScript使用)

$ npx create-react-app hello-world --template typescript

※コマンドは下記公式を参考 Adding TypeScript | Create React App https://create-react-app.dev/docs/adding-typescript/

コンソールにHappy hacking!が出力されればインストール完了。

アプリ起動

$ cd hello-world
$ yarn start

コンソールにCompiled successfully!が出力されれば起動完了。 http://localhost:3000 にアクセスして画面表示されれば成功。