在本教程中,我们将向您展示如何在 Debian 11 上安装 ReactJS。对于那些不知道的人,React 是一个开源 JavaScript 库,用于开发前端 Web 应用程序。 它允许您为单页用户界面制作可重用的组件。 它由 Facebook 和一个大型开发者社区开发和维护。 ReactJS 可用于开发 Web 应用程序或移动应用程序。
本文假设您至少具有 Linux 的基本知识,知道如何使用 shell,最重要的是,您将站点托管在自己的 VPS 上。 安装非常简单,假设您在 root 帐户中运行,否则您可能需要添加 ‘sudo
‘ 到获得 root 权限的命令。 我将向您展示在 Debian 11 (Bullseye) 上逐步安装 ReactJS。
在 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 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. https://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 应用程序 https://your-server-ip-address:3000
. 你应该看到 React 默认页面:
恭喜! 你已经成功安装了 ReactJS。 感谢您使用本教程在 Debian 11 Bullseye 上安装最新版本的 ReactJS。 如需更多帮助或有用信息,我们建议您查看 ReactJS 官方网站.