如何在 Ubuntu 20.04 LTS 上安装 Next.js

在本教程中,我们将向您展示如何在 Ubuntu 20.04 LTS 上安装 Next.js。 对于那些不知道的人,Next.js 是一个基于 React.js 构建的 Javascript 框架,它允许开发人员构建静态和动态网站和 Web 应用程序。

本文假设您至少具备 Linux 的基本知识,知道如何使用 shell,最重要的是,您将站点托管在自己的 VPS 上。 安装非常简单,假设您在 root 帐户中运行,否则您可能需要添加 ‘sudo‘ 到获得 root 权限的命令。 我将向您展示 Next.js 开源 Javascript 框架在 Ubuntu 20.04 (Focal Fossa) 上的分步安装。 您可以按照针对 Ubuntu 18.04、16.04 和任何其他基于 Debian 的发行版(如 Linux Mint)的相同说明进行操作。

在 Ubuntu 20.04 LTS Focal Fossa 上安装 Next.js

步骤 1. 首先,通过运行以下命令确保所有系统包都是最新的 apt 终端中的命令。

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

步骤 2. 安装 Node.js。

现在将 Node.js 存储库添加到您的系统:

curl -sL https://deb.nodesource.com/setup_14.x | bash - sudo apt install nodejs

现在通过在终端上运行命令来检查您的 Node.js 版本:

nodejs -v

并检查 NPM 版本:

npm -v

步骤 3. 在 Ubuntu 20.04 上安装 Next.js。

现在我们在任何地方创建一个空文件夹,例如在您的主文件夹中,然后进入它:

mkdir nextjs cd nextjs

并创建您的第一个 Next 项目:

mkdir firstproject cd firstproject

然后,初始化 Next.js 项目开发环境 npx CLI 构建工具:

npm init -y npm install next react react-dom

项目的文件结构应类似于以下(不包括 node_modulespackage-lock.json):

path/to/firstproject/ ├── package.json ├── pages ├── public ├── README.md └── styles

现在使用终端,运行 npm run dev 启动 Next 开发服务器:

npm run dev

输出:

ready - started server on https://localhost:3000

步骤 3. 访问 Next.js 项目。

安装成功后,在 Web 浏览器中导航到端口 3000 上的服务器 IP:

https://127.0.0.1:3000/

恭喜! 您已成功安装 Next.js。 感谢您使用本教程在 Ubuntu 20.04 LTS Focal Fossa 系统上安装 Next.js 开源 Javascript 框架。 如需更多帮助或有用信息,我们建议您查看 Next.js 官方网站.