如何在Ubuntu 20.04 LTS上安装ReactJS
admin
2023-07-31 07:11:12
0
Reactjs LogoReactjs Logo
Reactjs Logo

在Ubuntu 20.04 LTS Focal Fossa上安装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应用程序。这将在当前目录中使用项目名称创建一个文件夹。切换到该项目并运行yarn start以启动应用程序:

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。感谢您使用本教程在Ubuntu 20.04 LTS Focal Fossa系统上安装ReactJS。如需更多帮助或有用信息,建议您访问ReactJS官方网站。

相关内容

热门资讯

Windows 11 和 10... Windows 11/10 文件夹属性中缺少共享选项卡 – 已修复 1.检查共享选项卡是否可用 右键...
Radmin VPN Wind... Radmin VPN 是一款免费且用户友好的软件,旨在牢固地连接计算机以创建一个有凝聚力的虚拟专用网...
如何修复 Steam 内容文件... Steam 内容文件锁定是当您的 Steam 文件无法自行更新时出现的错误。解决此问题的最有效方法之...
在 Windows 11 中打... 什么是链路状态电源管理? 您可以在系统控制面板的电源选项中看到链接状态电源管理。它是 PCI Exp...
Hive OS LOLMine... 目前不清退的交易所推荐: 1、全球第二大交易所OKX欧意 国区邀请链接: https://www.m...
事件 ID 7034:如何通过... 点击进入:ChatGPT工具插件导航大全 服务控制管理器 (SCM) 负责管理系统上运行的服务的活动...
iPhone 屏幕上有亮绿色斑... iPhone 是市场上最稳定的智能手机之一,这主要归功于专为它们设计的 iOS 操作系统。然而,他们...
balenaEtcher烧录后... balenaEtcher烧录后u盘或者内存卡无法识别不能使用的解决方法想要恢复原来的方法,使用win...
在 iCloud 上关闭“查找... 如果您是 Apple 的长期用户,您肯定会遇到过 Find My 应用程序,它本机安装在 iPhon...
统信UOS每次开机后不直接进入... 统信UOS每次开机后不直接进入系统而是进入到recovery模式 按方向上键选择UOS 20 SP1...