LoginSignup
0
0

More than 1 year has passed since last update.

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

Last updated at Posted at 2022-07-21

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
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0