由Facebook开发和维护的React.js已经成为构建用户界面的首选库。它的受欢迎程度源于其灵活性、基于组件的架构和强大的生态系统。在本指南结束时,您将在 Fedora 38 系统上启动并运行 React.js,准备好制作交互式 Web 应用程序。
在 Fedora 38 上安装 ReactJS
第 1 步。在我们可以在 Fedora 38 上安装 ReactJS 之前,重要的是要确保我们的系统是最新的软件包。这将确保我们可以访问最新功能和错误修复,并且我们可以毫无问题地安装 ReactJS:
<span class="pln">sudo dnf update</span>
第 2 步。安装 Node.js 和 npm。
你需要 Node.js 和 npm(Node Package Manager)才能使用 ReactJS。如果您没有安装它们,请按照以下步骤操作:
<span class="pln">sudo dnf install nodejs</span>
接下来,使用以下命令安装 npm:
<span class="pln">sudo dnf install npm</span>
安装完成后,通过运行以下命令验证安装:
<span class="pln">node </span><span class="pun">-</span><span class="pln">v npm </span><span class="pun">-</span><span class="pln">v</span>
第 3 步。在 Fedora 38 上安装 ReactJS。
现在,让我们创建一个新的 ReactJS 项目。请按照以下步骤操作:
<span class="pln">mkdir </span><span class="kwd">my</span><span class="pun">-</span><span class="pln">react</span><span class="pun">-</span><span class="pln">app</span>
导航到项目目录:
<span class="pln">cd </span><span class="kwd">my</span><span class="pun">-</span><span class="pln">react</span><span class="pun">-</span><span class="pln">app</span>
使用以下命令设置一个新的 React 应用程序:
<span class="pln">npx create</span><span class="pun">-</span><span class="pln">react</span><span class="pun">-</span><span class="pln">app </span><span class="kwd">my</span><span class="pun">-</span><span class="pln">react</span><span class="pun">-</span><span class="pln">app</span>
现在您的项目已初始化,让我们启动开发服务器:
<span class="pln">npm start</span>
这将启动开发服务器,您将在终端中看到指示服务器正在运行的输出。
第 4 步。配置防火墙。
现在,让我们配置防火墙以允许流量流向运行 React.js 应用程序的端口,同时阻止其他不必要的端口:
<span class="pln">sudo firewall</span><span class="pun">-</span><span class="pln">cmd </span><span class="pun">--</span><span class="kwd">add</span><span class="pun">-</span><span class="pln">port</span><span class="pun">=</span><span class="lit">3000</span><span class="pun">/</span><span class="pln">tcp </span><span class="pun">--</span><span class="pln">permanent</span>
要应用更改,请重新加载:firewalld
<span class="pln">sudo firewall</span><span class="pun">-</span><span class="pln">cmd </span><span class="pun">--</span><span class="pln">reload</span>
您可以通过列出活动规则来验证规则是否已正确添加:
<span class="pln">sudo firewall</span><span class="pun">-</span><span class="pln">cmd </span><span class="pun">--</span><span class="pln">list</span><span class="pun">-</span><span class="pln">all</span>
第5步。访问 ReactJS 应用程序。
要访问您的 ReactJS 应用程序并与之交互,请打开您的 Web 浏览器并在地址栏中输入以下地址:
<span class="pln">http</span><span class="pun">:</span><span class="com">//localhost:3000</span>
感谢您使用本教程在您的 Fedora 38 系统上安装 ReactJS。有关其他帮助或有用信息,我们建议您查看 ReactJS 官方网站。