如何在 Debian 11 上安装 ReactJS

React 是一个开源 JavaScript 库,用于开发前端 Web 应用程序。它允许您为单页用户界面制作可重用的组件。它由 Facebook 和一个大型开发人员社区开发和维护。ReactJS 可用于开发 Web 应用程序或移动应用程序。

在 Debian 11 Bullseye 上安装 ReactJS

步骤 1. 在我们安装任何软件之前,通过apt在终端中运行以下命令来确保您的系统是最新的很重要:

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

步骤 2. 安装 Node.js。

Node.js 允许您在服务器端和浏览器之外运行 JavaScript。现在我们在 Debian 11 上手动添加官方 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. 在 Debian 11 上安装 React.js。

安装 node 和 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 cant go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

然后,将目录更改为应用程序。注意:reactapp 是您要创建的应用程序的名称:

cd reactapp
npm start 0.0.0.0

输出:

> reactapp@0.1.0 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. 访问 ReactJS Web 界面。

成功安装后,打开您的 Web 浏览器并使用 URL 测试您的 React 应用程序。你应该看到 React 默认页面:http://your-server-ip-address:3000

ReactJS-web-interface

感谢您使用本教程在 Debian 11 Bullseye 上安装最新版本的 ReactJS。如需其他帮助或有用信息,我们建议您查看ReactJS 官方网站

未经允许不得转载:统信UOS之家 » 如何在 Debian 11 上安装 ReactJS

相关文章