このチュートリアルでは、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アプリケーションをテストします。コード> 。 Reactのデフォルトページが表示されます:
おめでとうございます!ReactJSが正常にインストールされました。Debian11Bullseyeに最新バージョンのReactJSをインストールするためにこのチュートリアルを使用していただきありがとうございます。追加のヘルプや役立つ情報については、公式のReactJSを確認することをお勧めします。ウェブサイト。