ReactでHelloWorld

概要

ReactでHelloWorldするまでの手順をまとめたのでメモとして残しておく

前提条件

・node.jsをインストールしていること
・npmをインストールしていること

$node -v
v18.14.0

$ npm -v
9.3.1

1. プロジェクトを保管するフォルダーの作成

$ mkdir react_sample

2. プロジェクトの作成

$ cd .\react_sample

$ npm install -g create-react-app

$ create-react-app test_project
※create-react-app test_projectが失敗する場合、以下コマンドを実行後に"$ create-react-app test_project"を実施
$ Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope Process

3. ブラウザで開いてみる

$ cd .\test_project

$ npm start

http://localhost:3000/

参考