React の開発環境

Node.js のインストール

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

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

npm -v
6.14.2
node -v
v12.13.1

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

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

create-react-app の更新

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

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

npm uninstall -g create-react-app

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

Visual Studio Code

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

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

  • Bracket Pair Colorizer
  • ES7 React/Redux/GraphQL/React-Native sunippets
  • Prettier - Code formatter

Google Chrome エクステンション

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

  • React Developer Tools
  • Redux DevTools

    Redux を利用する場合は非常に便利です。

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

ここまでお読みいただき、誠にありがとうございます。SNS 等でこの記事をシェアしていただけますと、大変励みになります。どうぞよろしくお願いします。

© 2024 React 入門