如何在 Ubuntu 20.04 LTS 上安装 Gatsby

2023年 7月 21日 59.3k 0

Gatsby 是一个基于 React 的 GraphQL 驱动的静态站点生成器。在构建期间,Gatsby 获取所有数据,将整个网站呈现为静态 HTML、CSS、JS 文件以及当时可用的数据。在生成静态文件时,Gatsby 应用程序可以部署在任何地方。Gatsby-Logo

在 Ubuntu 20.04 LTS Focal Fossa 上安装 Gatsby

步骤 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_12.x | sudo -E bash -
sudo apt install nodejs

现在检查您的 Node.js 版本以确保它适用于:

nodejs -v

并检查 NPM 版本:

npm -v

步骤 3. 在 Ubuntu 20.04 上安装 Gatsby。

Gatsby CLI 可通过 npm 获得。运行以下命令安装 gatsby-cli:

npm install -g gatsby-cli

检查 Gatsby 是否正确安装:

gatsby -v

第 4 步。建立您的 Gatsby 站点。

现在创建你的第一个 Gatsby 测试站点:

gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

此命令创建了一个名为 hello-world 的目录并将测试站点下载到其中,您现在可以使用以下命令运行启动站点:

cd hello-world
gatsby develop

第 5 步。访问 Gatsby 站点。

完全成功安装后,您的 Gatsby 站点现在正在运行并且应该输出 Hello world!http://localhost:8000

感谢您使用本教程在 Ubuntu 20.04 LTS Focal Fossa 系统上安装 Gatsby。如需其他帮助或有用信息,我们建议您查看Gatsby 官方网站。

相关文章

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

发布评论