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

2023年 7月 21日 40.0k 0

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

在 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 官方网站。

相关文章

服务器端口转发,带你了解服务器端口转发
服务器开放端口,服务器开放端口的步骤
产品推荐:7月受欢迎AI容器镜像来了,有Qwen系列大模型镜像
如何使用 WinGet 下载 Microsoft Store 应用
百度搜索:蓝易云 – 熟悉ubuntu apt-get命令详解
百度搜索:蓝易云 – 域名解析成功但ping不通解决方案

发布评论