このチュートリアルでは、Ubuntu 20.04 LTSにReactJSをインストールする方法を紹介します。知らなかった方のために、ReactはWebフロントエンドを作成するためのオープンソースのJavaScriptライブラリです。 UIコンポーネント。Facebookと開発者の大規模なコミュニティによって開発および保守されています。ReactJSはWebアプリケーションまたはモバイルアプリの開発に使用できます。
この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、' sudoを追加する必要があります。 ‘ルート権限を取得するコマンドに。 Ubuntu 20.04（Focal Fossa）にReactJSを段階的にインストールする方法を紹介します。 Ubuntu 18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューションでも同じ手順に従うことができます。
前提条件
- 次のオペレーティングシステムのいずれかを実行しているサーバー：Ubuntu 20.04、18.04、およびLinuxMintやエレメンタリーOSなどの他のDebianベースのディストリビューション。
- 潜在的な問題を防ぐために、OSの新規インストールを使用することをお勧めします。
非rootsudoユーザーまたはrootユーザーへのアクセス 。非rootsudoユーザーとして行動することをお勧めします ただし、ルートとして機能するときに注意しないと、システムに害を及ぼす可能性があるためです。
Ubuntu 20.04 LTSFocalFossaにReactJSをインストールする
手順1.まず、次の apt を実行して、すべてのシステムパッケージが最新であることを確認します。 ターミナルのコマンド。
sudo apt update sudo apt upgrade
ステップ2.Node.jsをインストールします。
次に、Node.js PPAをUbuntuシステムに追加します：
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
次に、次のコマンドを実行してNode.jsをインストールします。
sudo apt install nodejs
UbuntuシステムにYarnパッケージマネージャーをインストールすることもできます：
npm install -g yarn
ステップ3.新しいReact.jsアプリを作成します。
次のいずれかのコマンドを使用してReact.jsアプリケーションを作成できます。
yarn create react-app myreactapp
アプリケーションが正常に作成されると、画面に長い結果が表示されます：
Success! Created reactproject at /opt/reactproject
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 reactproject
npm start Reactアプリケーションを作成したら、現在のディレクトリにプロジェクト名のフォルダーが作成されます。そのプロジェクトに切り替えて、 yarnstart<を実行します。 / code> アプリケーションを開始するには：
cd myreactapp yarn start
出力：
Compiled successfully! You can now view myreactapp in the browser. http://localhost:3000 Note that the development build is not optimized. To create a production build, use yarn build.
おめでとうございます！ReactJSが正常にインストールされました。Ubuntu20.04LTS Focal FossaシステムにReactJSをインストールするためにこのチュートリアルを使用していただき、ありがとうございます。追加のヘルプや役立つ情報については、公式のReactJSを確認することをお勧めします。ウェブサイト。