#目次
React入門 - 目次
node.jsのインストール
ここから環境に応じたものをダウンロードしインストールします。
ここにあるように「Automattically install the necessary tools. …」にはチェックを入れずインストールしました。
インストールが終わったら念の為、node.jsがインストールされていることを確認します。
コマンドプロンプトで以下のコマンドを実行し、バージョンが表示されることを確認しましょう。
node --version
npm --version
yarnのインストール
npm install -g yarn
VsCodeのインストール
ここにあるようにダウンロードしてインストールしてください。
日本語化の手順等は、ググるとすぐ出てくるので、ググって対処ください。
GitBashのインストール
何かと使用するのでダウンロードしインストールしておきます。
ここを参考にしてください
create-react-appをグローバルにインストール
ここにあるようにcreate-react-appをグローバルインストールする
$ npm install -g create-react-app
プロジェクト作成、Hello World表示
プロジェクトを作成したいディレクトリまで移動し、以下コマンドを実行する。
npx create-react-app プロジェクト名
cd プロジェクト名
※実行エラーになった場合、ここを参考にスクリプトの実行権限を変更する。
起動してみます。
npm start
http://localhots:3000
で以下のような画面が表示されれば成功です。
※Hello Worldでは無かったです。。。。Learn Reactでした。