React の開発環境

Node.js のインストール

npm などは React で必要となるので npm がインストールされていることを確認してください。

ターミナルから、次のコマンドを実行することでバージョンが確認できます。

npm -v
6.14.2
node -v
v12.13.1

インストールされていない場合は、Node.js をインストールしてください。

関連記事「npm の使い方」なども参考にしてください。

新しい create-react-app では npxを利用して直ちに実行できます。

もし過去に create-react-app をグローバルにインストールしている場合は、一旦削除して新しいコマンドを使うことが推奨されています。

npm uninstall -g create-react-app

パーミッションのエラーが出たら sudo をつけて実行してください。

エディタは Visual Studio Code を使うのが一般的です。

React の開発での Visual Studio Code のおすすめプラグインは次の通りです。(どれも必須ではありません)

Chrome ブラウザを開発に利用する場合は、次のエクステンションが便利です。

以上、React で開発を行う際の開発環境の構築とおすすめのプラグインなどの紹介でした。