如何在 Ubuntu 20.04 LTS 上安装 Next.js_科技分享

admin

2023-07-31 03:04:17

0次

Next.js 是一个基于React.js构建的 Javascript 框架，它允许开发人员构建静态和动态网站和 Web 应用程序。

在 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

然后，使用npxCLI 构建工具初始化 Next.js 项目开发环境：

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 http://localhost:3000

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

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

http://127.0.0.1:3000/

感谢您使用本教程在 Ubuntu 20.04 LTS Focal Fossa 系统上安装 Next.js 开源 Javascript 框架。如需其他帮助或有用信息，我们建议您查看Next.js 官方网站。

Ubuntu2004LTS 安装Nextjs