どのようにMac上でreactjsをインストールするには?

ReactJS フェイスブックによって作成されたフリーでオープンソースのフロントエンドJavaScriptライブラリは2013年です.ReactJSは、ユーザーインターフェイス(UI)ライブラリであり、UIコンポーネントを構築し、操作するために使用されます.
この記事では、私はMacOSの完全なReactJSインストールプロセスを詳細にあなたを歩いています.私はカバーする

NODEJSとNPMのインストール.

ReactJSライブラリのインストール.

ReactJSプロジェクトの作成.

NODEJSとNPM :
MacOSでreactjsをインストールするには、まずNodeJSとNPMをインストールする必要があります.NodejsはJavaScriptランタイムで、JavaScriptをブラウザの外部で実行することができます.NPM ( Node Package Manager )は、コマンド行にreactjsなどのライブラリをインストールするために使用されます.

NODEJS & NPMのインストール
nodejsをインストールできる唯一の方法はofficial website . nodejsをインストールすることも自動的にあなたのマシン上のNPMをダウンロードします.あなたのnodejsダウンロードセクションを見つけることができますhere .

したら、あなたのダウンロードのフォルダの中にダウンロードした“. pkg”ファイルを見つける必要があります.単にこの“pkg”ファイルをダブルクリックして開くと、ポップアップとNDEJSとNPMのインストールプロセスに関する情報を含むプロンプトが表示されます.

単にこのポップアップの次のセクションを進んでください、そして、あなたが「インストールタイプ」セクションに着くならば、あなたはこのメッセージで促されます:

「インストール」をクリックするか、インストール場所を変更したい場合は、「変更インストール場所」をクリックします.これはnodejsとNPMのインストールプロセスを開始します.一度終了すると、最終的なメッセージNODEJSとNPMがインストールされている場所を表示するとプロンプトが表示されます.

ポップアップで述べたように、プロジェクトのディレクトリからnodejsとnpmにアクセスするには、"/usr/local/bin "がプロジェクトの"$ path "にあることを確認してください.MacOSの"$ usr/local/bin "を"$ path "に追加するには、プロジェクトの端末で次のコマンドを実行します.

export PATH=/usr/local/bin:$PATH

「閉じる」をクリックしてポップアップを閉じます.
NodeJSとNPMの両方が正常にインストールされているかどうかを確認するには、プロジェクトの端末で次のように実行します.

node --version

and

npm --version

これはあなたのnodejsとNPMのバージョンを返します.

MacOS上でReactJSをインストールする
NODEJSとNPMがインストールされているので、現在実行しているプロジェクトのディレクトリにreactjsをインストールすることができます.

npm install --save react react-dom

ReactJSプロジェクトを作成する
REACTJSがインストールされたので、実行することによって、新しい反応プロジェクトディレクトリを作成できます.

npx create-react-app my-react-project

これは、以下のようになります.

次に、この反応プロジェクトの内部ウィンドウを実行して開くことができます.

cd my-react-project

この反応プロジェクトの内部のウィンドウの中で、「localhost : 3000」の開発サーバを起動するには、次のコマンドを実行します.

npm start