GNU/Linux >> Linux の 問題 >  >> Ubuntu

Ubuntu20.04にReactをインストールする方法

Reactは、高速でインタラクティブなユーザーインターフェースを作成するために使用されるJavascriptライブラリです。 Reactは2011年にFacebookによって開発され、ウェブアプリやモバイルアプリを開発するための最も人気のあるJavascriptライブラリに成長しました。

前提条件

Reactをインストールする前に、まずいくつかのことが必要です。

ステップ1—NPMをインストールする

まず、NPM(モードパッケージマネージャー)をインストールする必要があります。これは、何千ものNode.jsパッケージを格納するコマンドラインツールおよびレジストリです。

npmをインストールします:

$ sudo apt install npm

バム!それは簡単でした。 Npmがインストールされ、次を使用してバージョンを確認できるようになりました:

$ npm --version

$ node --version ←npmをインストールすると、Node.jsもインストールされます。これにより、バージョンが確認されます。

ステップ2—create-react-appをインストールします

次に、Reactアプリケーションの作成に必要なツールを提供するcreate-react-appユーティリティをインストールする必要があります。

$ sudo npm -g install create-react-app

バージョンを確認します:

$ create-react-app --version

ステップ3—Reactアプリケーションを作成して起動します

さあ、楽しいものに!最初のReactアプリを作成しましょう。プロセスは非常に単純で、アプリケーションを数分で稼働させることができます。

Reactアプリケーション入力を作成するには:

$ create-react-app [app-name] ←「[app-name]」を好きなものに置き換えます。さあ、夢中になる。

システムは、必要なすべてのパッケージとツールのインストールを開始します。これには数分かかります。

アプリケーションが作成されると、アプリケーションを管理するためのコマンドのリストが表示されます。

これらのコマンドは、後で保存するために、いつでもデスクトップのテキストファイルにコピーして貼り付けることができます。デスクトップにはランダムなLinuxノートが散らばっています!

ステップ3—新しいアプリケーションを実行します

最後のステップで新しいアプリを作成しました。次に、アプリケーションを実行する必要があります。これを行うには、最初にアプリケーションディレクトリに移動します:

$ cd [app-name] ←再び「[app-name]」を選択した名前に置き換えます。

次のコマンドを発行します:

$ npm start

アプリケーションを表示するためのIPとポート番号を示す出力が表示されます。

選択したWebブラウザ(できればMicrosoft Edgeではない)を開き、次の場所に移動します:

http://ip-address:3000

Reactインストールに移動すると、Reactのデフォルトページが表示されます。おめでとう! Reactをインストールしたばかりで、心の欲望に合わせて開発できるようになりました。


Ubuntu
  1. Ubuntu 20.04にYarnをインストールする方法は?

  2. Ubuntu16.04にRをインストールする方法

  3. Ubuntu16.04にnpmをインストールします

  1. Ubuntu18.04および20.04にNode.jsとNPMをインストールする方法

  2. Ubuntu20.04にRをインストールする方法

  3. Ubuntu18.04にGoをインストールする方法

  1. Ubuntu18.04にNode.jsとnpmをインストールする方法

  2. Ubuntu18.04にGoをインストールする方法

  3. Ubuntu18.04にRをインストールする方法