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

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

未经允许不得转载:统信UOS之家 » 如何在 Ubuntu 20.04 LTS 上安装 Next.js

相关文章