在本教程中,我们将向您展示如何在 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_modules
和 package-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 官方网站.