マガジンのカバー画像

React開発環境構築講座【初心者編】※Windows10

10
本講座はstoreGがUdemyにて公開していた(現在は非公開中)無料講座をnoteで公開しています。
運営しているクリエイター

記事一覧

再生

1.Node.jsのインストール※npmも含まれます

Reactの開発環境を構築するには、Node.jsの開発環境が必須となるので、まず最初にNode.jsをインストールします。 ※バージョンマネージャーのインストール方法については学習の対象外としています。

再生

2.新規プロジェクトの作成 ※Create React Appを使用

Reactの環境構築ツールである「Create React App」を使って、新規プロジェクトを作成します。 1.npxから create-react-appを使用して新規プロジェクトを作成する。 2.プロジェクトを構成するファイル

再生

3.サーバの起動・停止

1.サーバの起動 2.サーバの停止 ※なお、ここでいうサーバとは「開発用サーバ」のことをさします。

再生

4.ファイルの編集

ファイルを編集する

再生

5.Yarnのインストール

npmと同じ「パッケージマネージャ」のYarnをインストールします。 1.Yarnとは 2.インストーラーからインストールする方法 3.npmからインストールする方法 ※非推奨

再生

6.Yarnのアンインストール

インストーラーからインストールした場合のYarnのアンインストール方法を学習します。

再生

7.Node.jsのアンインストール

インストーラーからインストールした場合のNode.jsのアンインストール方法を学習します。※Windows から Node.js を完全に削除する方法。

再生

1.NVM (Node Version Manager) のインストール

※字幕での説明のみでナレーションはありません。

再生

2.NVMでNode.jsをインストールする

※字幕での説明のみでナレーションはありません。

再生

3.NVMで(versionを指定し) Node.jsをアンインストールする

※字幕での説明のみでナレーションはありません。 講座,Udemy,React,開発環境,Node.js,Yarn,NVM,Create React App,Node Version Manager,Node