WindowsでNode.js+React+TypeScriptの開発環境を作る

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

既にNode.jsがインストールされている場合でNodistを使用したい場合は
Node.jsをアンインストールしてから、Nodistのインストールを行うこと。

Nodistのダウンロード

Node.jsのバージョン管理をするためにNodistをダウンロード＆インストール
Nodist Github

nodistコマンドが使用できるようになっているか確認

nodist -v

使用可能なNode.jsのバージョン確認

nodist dist

指定するバージョンのNode.jsのインストール

v14.17.2をインストールする場合

nodist + v14.17.2

指定したバージョンのNode.jsがインストールされているか確認

nodist list

指定したバージョンのNode.jsに切り替え

v14.17.2に切り替える場合

nodist v14.17.2

Node.jsに合わせたnpmに切り替え

nodist npm match

nodeコマンドとnpmコマンドが使用できるか確認

node -v
-> v14.17.2
npm -v
-> 6.14.13

React+TypeScriptテンプレートの作成

以降の手順はアプリフォルダを作成したいところで実行

Create Reat Appのインストール

npm install create-react-app -g

React+TypeScriptテンプレートの作成

create-react-app my-react-app --templete typescript

作成したアプリフォルダへ移動

cd my-react-app

アプリの起動

npm start