【React】React環境構築をセットアップ

React
React

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

React環境はNode.jsで操作をおこなうため必要になります。お使いのOSに合わせて公式サイトからインストーラーをダウンロードしてインストールを完了させます。
https://nodejs.org/ja/download/

Reactをセットアップする

ターミナルを開いて、React環境を作りたいフォルダに移動してnpxを実行します。下記コマンドのプロジェクト名を好みの名前にして実行します。

cd ~/desktop #デスクトップに移動
npx create-react-app プロジェクト名 #React環境を構築

ついでにSassもインストールする(任意)

さきほど、作ったReact環境で下記コマンドを実行します。

cd プロジェクト名 #さきほど作ったReact環境
npm i -D node-sass # または yarn add -D node-sass

実行してみる

React環境の作成が完成したので、起動して動作を確認しましょう。

npm start  # または yarn start
タイトルとURLをコピーしました