GNU/Linux >> Linux の 問題 >  >> Debian

Debian11にReactJSをインストールする方法

このチュートリアルでは、Debian 11にReactJSをインストールする方法を紹介します。知らなかった人のために、ReactはオープンソースのJavaScriptライブラリであり、フロントの開発に使用されます。エンドWebアプリケーション。単一ページのユーザーインターフェイス用に再利用可能なコンポーネントを作成できます。Facebookと開発者の大規模なコミュニティによって開発および保守されています。ReactJSはWebアプリケーションまたはモバイルアプリの開発に使用できます。

>

この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、' sudoを追加する必要があります。 ルート権限を取得するコマンドに‘。 Debian 11(Bullseye)にReactJSを段階的にインストールする方法を紹介します。

前提条件

  • 次のオペレーティングシステムのいずれかを実行しているサーバー:Debian 11(Bullseye)。
  • 潜在的な問題を防ぐために、OSの新規インストールを使用することをお勧めします。
  • 非rootsudoユーザー またはrootユーザーへのアクセス 。 非rootsudoユーザーとして行動することをお勧めします ただし、ルートとして機能するときに注意しないと、システムに害を及ぼす可能性があるためです。

Debian11BullseyeにReactJSをインストールする

ステップ1.ソフトウェアをインストールする前に、次の apt を実行して、システムが最新であることを確認することが重要です。 ターミナルのコマンド:

sudo apt update
sudo apt upgrade
sudo apt install build-essential

ステップ2.Node.jsをインストールします。

Node.jsを使用すると、サーバー側とブラウザーの外部でJavaScriptを実行できます。次に、Debian11に公式のNode.jsリポジトリを手動で追加します。

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -

リポジトリが正常に追加されると、以下のコマンドを使用してNode.jsをインストールできるようになります。

sudo apt install nodejs

最後に、次のコマンドを使用してNode.jsのバージョンを確認します。

node -v

npmバージョンを確認してください:

npm -v

ステップ3.Debian11にReact.jsをインストールします。

ノードとnpmをインストールした後、アプリを作成するには、アプリの実行に必要な依存関係をダウンロードするために次のコマンドが必要です。

npm install -g create-react-app

次に、以下のコマンドを使用してReactアプリを作成します。

create-react-app reactapp

出力:

Success! Created reactapp at /root/reactapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

次に、ディレクトリをアプリに変更します。注:reactappは、作成するアプリの名前です:

cd reactapp
npm start 0.0.0.0

出力:

> [email protected] start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

ステップ4.ReactJSWebインターフェースへのアクセス。

正常にインストールされたら、Webブラウザーを開き、URL http:// your-server-ip-address:3000 。 Reactのデフォルトページが表示されます:

おめでとうございます!ReactJSが正常にインストールされました。Debian11Bullseyeに最新バージョンのReactJSをインストールするためにこのチュートリアルを使用していただきありがとうございます。追加のヘルプや役立つ情報については、公式のReactJSを確認することをお勧めします。ウェブサイト。


Debian
  1. Debian 10(バスター)のインストール方法

  2. Debian11にNode.jsとnpmをインストールする方法

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

  1. Python3.9をDebian10にインストールする方法

  2. Debian10にMemcachedをインストールする方法

  3. Debian10にTeamViewerをインストールする方法

  1. Debian9にGitをインストールする方法

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

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