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
然后,使用npx
CLI 构建工具初始化 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 官方网站。